#css3d search results
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
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
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
🚀 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 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
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 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
#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)
#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
Have you ever solved snake puzzles... to go on the Moon ? You can try this challenge in my latest #js13k #css3d game! 165+ puzzles, 4 worlds, various mechanics, musics & surprises + an extra challenge (beat the developer's best scores)! js13kgames.com/entries/lossst… #screenshotsaturday
#js13k 3rd day. Cooking mechanics are coming along and hopefully there will be zombies and guns by tomorrow 🤪 #css3d
弊社でもWebGLを使った案件が増えてきたのですが、CSS3Dの可能性も模索しています。 こちらの地球は、HTMLとCSSのみで実装しています。 極力シンプルなコードで、動作が重くならないようにしました。 #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
弊社でも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. Jaire 7,803 posts
- 2. Forever Young 19.5K posts
- 3. #UFCVegas110 6,981 posts
- 4. Georgia 43.2K posts
- 5. Miami 62.4K posts
- 6. Carson Beck 4,241 posts
- 7. Howie 2,837 posts
- 8. Lagway 2,493 posts
- 9. Lebby N/A
- 10. Ringo 13.6K posts
- 11. Mario 68.9K posts
- 12. Shapen N/A
- 13. Jeremiyah Love N/A
- 14. #iufb 1,997 posts
- 15. Gators 4,781 posts
- 16. Clemson 12.4K posts
- 17. Vandy 13.5K posts
- 18. Dumas 2,091 posts
- 19. #SNME 9,884 posts
- 20. Nigeria 567K posts