Tweet
Inspired by @AlexFisla
Beautiful fluid gallery. I tried to recreate it, the result still nowhere near the original, struggling with drei scrollControls.

Credit to @bruno_simon for giving me step by step approach 😎🙌

#threejs #webgl #reactjs #buildinpublic
I was very pleased to see that 48 people had liked my previous post..
So I wondered what it could look like at human scale 😉
(I'll do another one the day I surpass 100 haha.) 🚀
#threejs #blender #buildinpublic #webgl
#Webデザイン
✨ PROJECT : STAR WARS DEATH STAR TRENCH RUN ✨

My Mac struggles so much with the summer heat 🥵

Now introducing ! Moving obstacles, so it gets even more dangerous and tricky !

You will need Jedi reflexes to make it in one piece !

#buildinpublic #threejs #webgl
I'm building a 3D Web-Based Game Framework that optimizes learning and simplifies energy-investing.
@webpov
Website: webpov.vercel.app

First game: bytc.vercel.app | @wbytecity

#screenshotsunday #webgl #threejs #bytecity #web3 #indiedev #opensource #buildinpublic
✨ STAR WARS DEATH STAR TRENCH RUN ✨

Just got back into the project after 2 day taking a break from it, and boy it felt good!

Just found a fix to 3 bugs, and performance are now optimal !

I myself am in the final run for the project.

#buildinpublic #threejs #webgl
✨ PROJECT : STAR WARS DEATH STAR TRENCH RUN ✨

so today i'm working on performance improvement before finishing the level !

I reworked the way projectiles work and it's blazingly fast now i mean, look at how smooth it runs on my shitty macbook

#buildinpublic #threejs #webgl
✨ PROJECT : STAR WARS DEATH STAR TRENCH RUN ✨

I finally fixed the bug that caused the physic world to desynchronize with the visual world.

here's a game mechanic : 'smooth zoom', let's say you have trouble aiming, slow down, aim and shoot !

#buildinpublic #webgl #threejs
✨ PROJECT : STAR WARS DEATH STAR TRENCH RUN ✨

We're in the final round, sadly not a lot of progress, stuck on a game breaking bug..

Anyway, here's the 20 first second of intended gameplay !

How do you feel about this ? Tell me everything!

#threejs #webgl #buildinpublic
✨ PROJECT : STAR WARS DEATH STAR TRENCH RUN ✨

2 weeks of hardcore coding, All wings report in!

Landing page Standing by!

Particles Standing by!

HUD Standing by!

Enemies standing by!

Game logic standing by!

Excited to run the trench ?

#buildinpublic #webgl #threejs
Game UI is hard ! What do we think of this glass morphic health bar ?

#buildinpublic #threejs #webgl
Today I spent some time tinkering a color picker following @wcandillon tutorial youtube.com/watch?v=bAZhVl… and adapting it for reanimated 2

Really nice, still have some stuff to fix but overall it's great !!

#buildinpublic #expo #reactnative #webgl
✨ PROJECT : STAR WARS DEATH STAR TRENCH RUN! ✨

As you know i'm making a star wars game with #threejs and #webgl!

today lots of progress were made! Optimised particle system, it shows where we shoot, HUD basic, death game state, explosion and more..

#buildinpublic
Tips for people who need to watch live var state in #JS.
Browser often provide the ability to set up watch expressions. You can specify var or expressions to monitor, and the tools will update their values as your code run. (chrome example)
#threejs #webgl #buildinpublic
How to not add a simple (move / scale / rotate) fidget to your #threejs project on 3 tweets of code ! ⏬
#webgl #gamedevs #buildinpublic
✨ PROJECT : STAR WARS DEATH STAR TRENCH RUN ✨

✅ Added : Turrets, that kills

The project is now open source! on github.com/Lunakepio/deat…

watch live state of the project here! death-star-trench-run.vercel.app

#buildinpublic #opensource #webgl
✨ PROJECT : STAR WARS DEATH STAR TRENCH RUN ✨

You want immersion? Here's some immersion, now INCLUDING Apple fucking Spatial audio technologies

✅ ADDED : Lighting change, DESTRUCTIBLE ENEMIES, MORE SOUND, Several optimization, opening scene!

#buildinpublic #threejs #webgl
✨ PROJECT : STAR WARS DEATH STAR TRENCH RUN ✨

✅ Added : Lots of thing, 3D opening crawling scene, game logic, death physics, smoother movements, music (though you can't hear here) sound FX, really satisfied with the progression made !

#buildinpublic #threejs #webgl
✨ PROJECT : Star Wars Death Star Trench Run ✨

Controls is the most difficult part, tell me what's better :
Mouse or Keyboard controls ? ⌨️🖱️

🟢 added : non physical (yet) controls, physical environment and trench !
#buildinpublic #threejs #webdev #webgl #javascript
✨ Project : Star Wars Death Star Trench Run ✨

Added model animations, boosting state and attack mode.

Added Sound effects for engine Idle, opening and closing the wheels

#threejs #buildinpublic #webGL #web
I've Been MIA for 2 weeks. What was I up to? 🫣

• Designing Dora Expo events
• Creating a new product feature: 3D Post-processing.

Want the juicy details?
Keep reading 👇

#3D #MadeInDora #threejs #3D #webgl #nocode #website #buildinpublic #flutter
🔥MVP is Ready for some closed Beta Testing Fun!

I have some seats left. Just drop a comment and I send you the link.

#threejs #webgl #saas #buildinpublic
PROJECT : CORNERIA.

TARGET : ACQUIRED.

CONTROLS : OK.

ARWING : OK.

RELEASING RESULT :

#buildinpublic #threejs #starfox #webgl
📹 Did you know that @DoraTool can create camera moves like this? Simply add keyframes, as in After Effects.🔥

The live site and clone it: moving-camera.dora.run

#threejs #3D #webgl #nocode #madeindora #website #buildinpublic #flutter
My new website is live!🔥 Hit play and turn the volume up!

A sketch-style 3D model by @Lironhero that creates a relaxed, effortless vibe.

Check it out at 🦆🦆🦆 danceduck.dora.run

#threejs #3D #webgl #nocode #madeindora #website #buildinpublic #flutter
My new website is live! Hit play and turn the volume up! 🦆

A sketch-style 3D model by @Lironhero that creates a relaxed, effortless vibe.

Check it out at 🔗 danceduck.dora.run

#threejs #3D #webgl #nocode #madeindora #website #buildinpublic #flutter #flutterdev
Dora's latest release is a total game-changer, especially when it comes to 3D performance.

Compare it to the previous version! Live site↓
8poolball.dora.run/?__dora_render…

#nocode #threejs #website #animation #design #uiux #3d #webgl #madeindora #webdesign #buildinpublic twitter.com/Fayezheng_/sta…
New week, new project launch! 😎 🚀

Check out the 3D model with scrolling animation of the 🎱 8 balls. It's pretty cool - what do you think?

See it live: 8poolball.dora.run

#nocode #threejs #website #animation #design #uiux #3d #webgl #madeindora #webdesign #buildinpublic
New week, new project launch! 😎 🚀

Check out the 3D model with scrolling animation of the 🎱 8 balls. It's pretty cool - what do you think?

See it live: 8poolball.dora.run

#nocode #threejs #website #animation #design #uiux #3d #webgl #madeindora #webdesign #buildinpublic
Now your background can be transparent on export and big canvas shape editing is easy because transformer icons stay the same size on screen regardless of zoom level yay 😄

#buildinpublic day 13
#webgl #FrontEnd #javascript #indiehackers
Weee functional draw order of layers, it was a bit tricky to sort out 😄 #buildinpublic #webgl #javascript
Selecting images/icons from different layers now auto-selects the layers they're on yay!

#buildinpublic day 11

#indiehackers #webgl #javascript
Render quality improved and things in the offscreen renderer are now much higher in quality and have aliasing on! It was bothering me for quite a while ha. Offscreen is the "final" picture you will get in the end

#buildinpublic day 10

#indiehacker #webgl #javascript
Layers transparency works well ignoring some tiny ui issues (alpha slider doesn't reflect the real layer's alpha yet) also check out those UI changes!

#buildinpublic day 8

oh and each element has its own individual opacity too😎

#webgl #javascript #indiehackers #developers
More progress on layers! This was a huge change but.. you can add various elements to individual layers now and enable/disable them 🤓

Rename/delete/opacity for layers tomorrow!

#buildinpublic day 7
#indiehacker #developers #javascript #webgl
We are one month behind schedule but we finally solved the main issues.

We had use new models for #threejs
Let’s hope @daniel_21134 will finalize it soon.

#webgl #buildinpublic #fashiontech
Complex SVGs are supported too and you can have thousands of them in a scene without any noticeable performance issues😱. The possibilities are endless and I like playing with these icons myself lol

#buildinpublic day 5
#developers #javascript #webgl
Playing with background color is pretty fun too, just need the option to be able to color svgs 😌

#buildinpublic #developers #javascript #webgl
Have you ever spent 3 hours fixing something /minor/ and stupid but it's actually pretty damn important? Me yes... rate my video editing skills too plz thx bye

#buildinpublic day 2
#indiehackers #developers #javascript #webgl
Drag'n'drop works with svgs and webgl! :D

seamless background maker in progress...

#buildinpublic day 1

#indiehackers #webgl #javascript #webdevelopment #startup
Can our simulated car stop to avoid crashing?

Using #threejs raycaster as virtual ultrasonic/distance sensor. #Python with @pyodide to control the car in the browser!

@BehindEng #buildinpublic #electronics #hardware #engineering #r3f #javascript #React #webgl @pyodide #physics
🚗 Car + 👀 Raycast/Virtual Ultrasonic Sensor = 😌 Object Avoidance

Using #threejs raycaster as virtual ultrasonic/distance sensor. #Python / @pyodide to control car!

@BehindEng #buildinpublic #electronics #hardware #engineering #threejs #r3f #javascript #React #webgl #physics
Mecanum car controlled by #Python driving in #physics simulator within the browser!

Want to learn or build, too?
👉 Join the waitlist: bit.ly/3EbAGBP

@BehindEng #buildinpublic #electronics #hardware #engineering #threejs #r3f #javascript #React #webgl @pyodide
Spot-like robot doing the worm
🐕+🤖=🐛

Testing #physics simulations with joints/constraints in the browser.

#buildinpublic #engineering #threejs #r3f #javascript #React #webgl #robotics #robots Cannon-ES
Wiring up a programmable & battery powered motor circuit

Want to learn how?
👉 Join the waitlist: bit.ly/3EbAGBP

@BehindEng #buildinpublic #electronics #hardware #engineering #threejs #r3f #javascript #React #webgl
Quick 2D animation sketch before animating the 3D model. Helps a ton with the rigs.

Made with the combined power of @Procreate
and @Krita_Painting (first for the lineart, second for the colors).

And yeah, this is for my super secret #webgl -related project.😏
#buildinpublic
Part 2: Controlling RGB LED #hardware with #Python & an #electronics circuit #simulation on web

Demonstrating a Python loop changing the colour over time.

@BehindEng #buildinpublic #engineering #threejs #r3f #javascript #React #webgl @pyodide
Speedrun: Wiring up a virtual programmable LED circuit in 60 seconds 🚀

Want to learn how?
👉 Join the waitlist: bit.ly/3EbAGBP

@BehindEng #buildinpublic #electronics #hardware #engineering #threejs #r3f #javascript #React #webgl
👋
As of today I am going to start my first #buildinpublic project.

It is called hir.ooo - a platform for building and sharing customized interactive hero banners and components for the web (most likely web3)

🧵
#web3 #creativecoding #NFT #p5js #webgl