#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
🚀 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
#js13k 3rd day. Cooking mechanics are coming along and hopefully there will be zombies and guns by tomorrow 🤪 #css3d
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
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
#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
I haven’t play #tetris for ages but got a feeling the block rotation should happen somehow differently. 🤨 #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
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
#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
#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)
✨✨✨✨✨✨✨✨✨✨ CSSだけで作ったキラキラ ✨✨✨✨✨✨✨✨✨✨ Only CSS: Kira Kira Stars ✨ codepen.io/YusukeNakaya/p… @CodePen #CSSArt #css3d #css #animation #webdevelopers
🚀 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
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
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
弊社でもWebGLを使った案件が増えてきたのですが、CSS3Dの可能性も模索しています。 こちらの地球は、HTMLとCSSのみで実装しています。 極力シンプルなコードで、動作が重くならないようにしました。 #CSS3D
紙飛行機たちは無限に廻り続ける。ところで、これが 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アニメーション作品集
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…
Unused @YouTube interface I did last year. dl.dropboxusercontent.com/u/7508542/sand… #threejs #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
Me, my notepad and my browsers are ready for #js13k! Day - 0.5! #screenshotsaturday #css3d ? #emoji ?
#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
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
Sadly, my #CSS3D breaks Safari Mac and my #JS breaks all iOS browsers (based on Safari Mobile). So no for them. #js13k #screenshotsaturday
#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.
#CSS3D half-transparent yellow cube in half transparent lightgrey cube, Firefox VS Chrome. Not sure which one is correct. Probably Chrome. 🤔
Something went wrong.
Something went wrong.
United States Trends
- 1. Clippers 14.3K posts
- 2. Harden 10.4K posts
- 3. Huda 9,817 posts
- 4. Ty Lue 1,525 posts
- 5. #DWTS 50.3K posts
- 6. Kawhi 3,717 posts
- 7. #hazbinhotelseason2 8,329 posts
- 8. Giannis 30.8K posts
- 9. #capcutlovers N/A
- 10. #RMxAPEC 207K posts
- 11. #RHOSLC 7,871 posts
- 12. Whitney 15.8K posts
- 13. Askarov N/A
- 14. South Korea 76.2K posts
- 15. Caden 8,549 posts
- 16. Joon 14.2K posts
- 17. Manola 5,841 posts
- 18. Wayne 63.8K posts
- 19. Zubac 1,723 posts
- 20. Jay Z 6,163 posts