#css3d 搜尋結果
Did I just invent volumetric emoji? ... No, I just stacked a dozen 🚂 emoji and hoped for the best. the trick is apparent when the camera is behind the vehicle. The result is oddly satisfying though, on the other angles! (also, I loaded the Twemoji Webfont) #js13k #css3d
CSSだけで電車のジオラマを作りました🚋 久しぶりのCSS作品！ OnlyCSS: Low-poly Train codepen.io/YusukeNakaya/p… @CodePen #css #css3d #cssart #webdevelopment
Never neglect the little details, they're important for your game's "wow" effect, they can add depth and make things stand out: - box-shadows - text-shadows (even on emoji) - linear-gradients - radial-gradients - drop-shadows - texture patterns (Is it too much? 👇) #js13k #css3d
🚀 Level up your web design with CSS 3D animations! From smooth rotations to stunning transitions — make your websites interactive & engaging. 💻🎨 #CSS3D #CSSAnimation #WebDesign #FrontendDev #Decotechs
The scene is rotated around the hero's position with an angle equal to -hero_rotZ 3rd person view is the same as 1st person view, with extra offset between hero & camera Remember that my demos use #CSS3D but you can reuse the same algo with any other rendering method! #js13k
#js13k morning of day 7: Can y'all help me choose which is the best between these 3 snake animations? 1 and 2 seem a bit flickery, 3 is much smoother maybe a bit less natural... (thanks) #gamedev #css3d
#js13k Day 7: Added forest. Switched shadows (by popular demand). Added pointless jumping (essential to any game). Recoded it so it's not 3 fake layers anymore, each object has transform3d so each object can have any Z. #CSS3D
I haven’t play #tetris for ages but got a feeling the block rotation should happen somehow differently. 🤨 #css3d
#js13k day -13 Today I'd like to present you a #gamedev tool I've been making this week: a 3D map editor! - Choose the scene size - Pick a piece/texture/rotation or a sprite and place it on the scene - Add layers - Tiny ASCII export 👉xem.github.io/3Dmapeditor/ (Made with #CSS3D)
弊社でもWebGLを使った案件が増えてきたのですが、CSS3Dの可能性も模索しています。 こちらの地球は、HTMLとCSSのみで実装しています。 極力シンプルなコードで、動作が重くならないようにしました。 #CSS3D
#js13k day 30: My game is complete and polished! 4 worlds, 165 puzzles, 10 musics. Now it's time to golf it and compress it under 13kb! The current size is: - 128kb commented - 60kb minified (HTML:1, CSS:10, JS:59) - 13.3kb roadroller/zip/ECT! #gamedev #CSS3D #screenshotsaturday
CSSだけで作る、無限ループ作品。さらに仕掛けがあって、この作品をマウスで触ると...👉 CodePenで試してみてね！ Only CSS: Infinite Plug In codepen.io/YusukeNakaya/p… @CodePen #css #cssArt #css3d
Going back slowly to #CSS3D hacking A little responsive, rotating scene with some cubes (blue), a plane (green), a pyramid and a sprite always facing the camera (red) - xem.github.io/CSS3D/ (HTML+CSS, 65 lines of code) - xem.github.io/CSS3D/cube.html (cube only, 25 lines) #js13k
#js13k day -4: Updated my 3D platformer: - Simpler map - Better collisions in yesterday's demo (you can now kind of glide against walls) - Added a 3rd demo with a "3rd person" camera! github.com/xem/mini3DPlat… #gamedev #CSS3D
【配布】僕がよく作る CSS 3D 作品のテンプレートを配ります！マウスの位置に合わせて回転したり、クリックすると拡大する仕組みを組み込んであります。あとは自分の要素を入れるだけ。よければ使ってください🫶 CSS 3D Template codepen.io/YusukeNakaya/p… @CodePen #css #css3d #webdevelopment
🚀 Level up your web design with CSS 3D animations! From smooth rotations to stunning transitions — make your websites interactive & engaging. 💻🎨 #CSS3D #CSSAnimation #WebDesign #FrontendDev #Decotechs
弊社でもWebGLを使った案件が増えてきたのですが、CSS3Dの可能性も模索しています。 こちらの地球は、HTMLとCSSのみで実装しています。 極力シンプルなコードで、動作が重くならないようにしました。 #CSS3D
Explored the world of 3D CSS today! 🌟 It's amazing how creative you can get with just CSS. Doing this late at night, 2:20 AM 🥱 Here's a screen recording of my workflow. Let me know what you think! 🚀 #CSS3D #WebDevelopment #CreativeCoding
CSS Grid is a game-changer for layout flexibility, and 3D transforms add that extra “wow” factor! 💡 Great skills for any aspiring and created mini projects. #Developer! #CSSGrid #CSS3D #WebDevelopment #CodingJourney #100DaysOfCode
CSS だけで描画された電車内風景 🚃 みなさん！ここだけは絶対に見てほしい！吊り革の揺れに徹底的にこだわったんですよ！笑 ガタンゴトン...ガタンゴトン... 🚃🚃🚃🚃🚃 OnlyCSS: Low-poly Train codepen.io/YusukeNakaya/p… @CodePen #CSS #CSS3D #CSSArt #webdeveloper
あの日、失くした傘はいまどこに ☂️ 傘を失くした悲しい気持ちを CSS で歌ってみた。 Only CSS: Umbrella is Gone codepen.io/YusukeNakaya/p… @CodePen #css #css3d #cssart #WebDevelopment
紙飛行機たちは無限に廻り続ける。ところで、これが CSS だけで描画されているって言ったら、信じる？✈️ Only CSS: Paper Plane codepen.io/YusukeNakaya/p… @CodePen #css #cssart #css3d #WebDevelopment
もう本当に夏が終わらないので CSS スノードームでも眺めて涼んでください... ⛄⛄⛄ 涼しくなったら雪だるまも CSS で作りましょうか。 Only CSS: Winter Box⛄ codepen.io/YusukeNakaya/p… @CodePenより #CSS #CSS3D #CSSArt #WebDevelopment #megurocss
CSS 3D CUBE GENERATOR 🧊 css-cube-generator.netlify.app #css3d #css #megurocss #webdevelopment
I submitted a second entry to @ThePracticalDev's CSS Art challenge. This time, it is an interactive 3D watermelon slice. dev.to/alvaromontoro/… #css #css3d #3d #codepen
このほか、バカみたいな278個のCSS作品を公開しています。楽しんでください!!🚀 YouTube: 狂気のCSSアニメーション作品集 youtube.com/watch?v=nl-9qf… #css #css3d #animation
youtube.com
YouTube
なぜそこまで!? 狂気のCSSアニメーション作品集
Unused @YouTube interface I did last year. dl.dropboxusercontent.com/u/7508542/sand… #threejs #css3d
This one should also work on iOS browsers! dl.dropboxusercontent.com/u/7508542/thre… #deviceorientation #threejs #css3d /thanks @C418
Did I just invent volumetric emoji? ... No, I just stacked a dozen 🚂 emoji and hoped for the best. the trick is apparent when the camera is behind the vehicle. The result is oddly satisfying though, on the other angles! (also, I loaded the Twemoji Webfont) #js13k #css3d
Me, my notepad and my browsers are ready for #js13k! Day - 0.5! #screenshotsaturday #css3d ? #emoji ?
Never neglect the little details, they're important for your game's "wow" effect, they can add depth and make things stand out: - box-shadows - text-shadows (even on emoji) - linear-gradients - radial-gradients - drop-shadows - texture patterns (Is it too much? 👇) #js13k #css3d
#ScreenshotSaturday #js13k #css3d 🐍 My game will be simple to play (you're a snake that must reproduce patterns) but super hard to master! 😈
I can finally talk about my last project at @84Paris_live. This one was tough. Big #css3d grid & some #ThreeJS : bad.diesel.com
January 19: 🐍 Today I tried using the #JS device orientation feature to rotate a #CSS3D scene. This is supposed to be pretty straightforward according to: developer.mozilla.org/en-US/docs/Web… But I had no luck. Is my phone too shitty, or is my code wrong? 🤔 Try here: xem.github.io/miniOrientatio…
Sadly, my #CSS3D breaks Safari Mac and my #JS breaks all iOS browsers (based on Safari Mobile). So no for them. #js13k #screenshotsaturday
The scene is rotated around the hero's position with an angle equal to -hero_rotZ 3rd person view is the same as 1st person view, with extra offset between hero & camera Remember that my demos use #CSS3D but you can reuse the same algo with any other rendering method! #js13k
#js13k morning of day 7: Can y'all help me choose which is the best between these 3 snake animations? 1 and 2 seem a bit flickery, 3 is much smoother maybe a bit less natural... (thanks) #gamedev #css3d
#threejs #pixijs work well I think but just a test. Since in #CSS3D add on top of #webgl and #pixijs as UI or HUD just thinking of it doing.
Something went wrong.
Something went wrong.
United States Trends
- 1. Godzilla 24.2K posts
- 2. Lamine 61.9K posts
- 3. Barca 98.3K posts
- 4. Trench 7,379 posts
- 5. Brujas 24K posts
- 6. Barcelona 148K posts
- 7. Brugge 45.4K posts
- 8. $DUOL 2,363 posts
- 9. Shabbat 2,354 posts
- 10. Foden 20.4K posts
- 11. Richardson 3,397 posts
- 12. Flick 36.5K posts
- 13. Frey 26.8K posts
- 14. Jared Golden 1,787 posts
- 15. Balde 12.7K posts
- 16. Lina Khan 6,957 posts
- 17. #dispatch 38.7K posts
- 18. Minneapolis 59.7K posts
- 19. Captain Kangaroo N/A
- 20. Anthony Taylor 1,712 posts