Loading video...

Video Failed to Load

Go Home

Fun interactive science app ideas | Part 10 Built an app for exploring different types of butterflies It's surprising how calm and peaceful the gentle wing movements feel Everything is generated with code. No 3D models Code Kimi K3

64,549 views • 3 months ago •via X (Twitter)

48 Comments

Dilum Sanjaya's profile picture
Dilum Sanjaya3 months ago

After spending some time with both, Kimi K3 feels noticeably better than Fable at both design and reasoning It's also really annoying that Fable keeps switching to Opus for most science and engineering related tasks Love seeing open weight models finally catching up to closed, restricted ones!

Kartikey Rai's profile picture
Kartikey Rai3 months ago

that's amazing, what tech did you use to build it

Dilum Sanjaya's profile picture
Dilum Sanjaya3 months ago

thanks, react + three.js

zion's profile picture
zion3 months ago

Hey can you share the prompt for any one of the many cool edtech app you develop.they are a piece of art , really want to learn from it

Dilum Sanjaya's profile picture
Dilum Sanjaya3 months ago

Thanks! Most of my demos aren't built from a single prompt. They're usually the result of a series of prompts, and what I ask next depends on the results I get. Even with the same model, you'll often get different outputs, so there isn't a single "magic prompt." I think the best way to learn is to try it yourself. If the whole app feels overwhelming, break it into smaller pieces and start with the most obvious part. For example, for this one I'd start with something like: "Build a Three.js app that creates an animated butterfly." Don't worry about the UI or all the extra features at first. Once that's working, keep adding features one by one and ask the model to fix any bugs or issues you run into.

Gregor's profile picture
Gregor3 months ago

might be wrong but the loop period usually gives it away around 8 seconds. pure sine on wing flaps without perlin noise or a small timing offset starts reading mechanical. did you layer in any variation or is it straight trig?

I5uru🐢's profile picture
I5uru🐢3 months ago

What? Kimi3 is that better? Or this is just ad?

Dilum Sanjaya's profile picture
Dilum Sanjaya3 months ago

Yeah, I ran a couple of other tests too, and K3 gave better results. I don't do sponsored posts, so everything I post here is based on my own experience

I5uru🐢's profile picture
I5uru🐢3 months ago

Damn! Great man . Lv your work

Dilum Sanjaya's profile picture
Dilum Sanjaya3 months ago

thanks

Harut's profile picture
Harut3 months ago

Too much text. Make all the text as expandable menu, for people to click through and explore. When you open it should be a clean visual.

Asymet's profile picture
Asymet3 months ago

this looks insanely good

Dilum Sanjaya's profile picture
Dilum Sanjaya3 months ago

thanks

Mr Pixel | Driftania 🏝's profile picture
Mr Pixel | Driftania 🏝3 months ago

The gentle wing motion is really soothing. And all from code, no models — that's the fun kind of hard. Nice work. 🦋

FleXXXington.fu 💪's profile picture
FleXXXington.fu 💪3 months ago

nice! I'm def gonna have to give Kimi a go.

Maja Voelker's profile picture
Maja Voelker3 months ago

Wow this is really really cool!!

Dilum Sanjaya's profile picture
Dilum Sanjaya3 months ago

thanks Maja!

丢失的小号's profile picture
丢失的小号3 months ago

so cool👍

Dilum Sanjaya's profile picture
Dilum Sanjaya3 months ago

thanks

Callisto45's profile picture
Callisto453 months ago

U earned a follow my friend. Its beautiful! I wonder how long did it take you, but in human time and prompt iterations?

Dilum Sanjaya's profile picture
Dilum Sanjaya3 months ago

Thanks! I'd say I spent around 30 minutes thinking through improvements and writing prompts. It took about 5 or 6 prompts to get the overall direction right, then another 15 or so to polish the little details. Since I usually send a prompt and come back 20 to 30 minutes later, the whole thing ended up taking around 5 to 6 hours. If you worked through it continuously, it'd probably take about 2 hours

Callisto45's profile picture
Callisto453 months ago

makes sense. Thanks for being honest! Maybe release an end to end video of the creation flow, I know a lot of ppl her on x would appreciate!

Dilum Sanjaya's profile picture
Dilum Sanjaya3 months ago

will do

Shruti Sonali's profile picture
Shruti Sonali3 months ago

Love it!!

Dilum Sanjaya's profile picture
Dilum Sanjaya3 months ago

thanks Shruti

洞寓法师🦁's profile picture
洞寓法师🦁3 months ago

I envy future children to have such an interesting interactive educational experience.

Linas's profile picture
Linas3 months ago

Wow that's impressive!

Dilum Sanjaya's profile picture
Dilum Sanjaya3 months ago

thanks Linas

chen long's profile picture
chen long3 months ago

期待开源

ragingwizz's profile picture
ragingwizz3 months ago

I think you can connect to government schools where they can show your projects to students if that specific topic requires this kind of interactive illustration which is easily understandable and I think students would also love these kind of projects.

Dilum Sanjaya's profile picture
Dilum Sanjaya3 months ago

Thanks! I started this series because I genuinely enjoy making this kind of stuff, but a few people have already reached out who are interested in building these kinds of apps for kids, so we'll see where it goes

AI Mastery Guide's profile picture
AI Mastery Guide3 months ago

Getting wing movement that calm with no 3D models, just code, is really impressive work.

Dilum Sanjaya's profile picture
Dilum Sanjaya3 months ago

thanks

AI Mastery Guide's profile picture
AI Mastery Guide3 months ago

🫡

Martsys's profile picture
Martsys3 months ago

Your apps are simply beautiful. Thank you for sharing.

Dilum Sanjaya's profile picture
Dilum Sanjaya3 months ago

thanks Martsys

tao's profile picture
tao3 months ago

Butterfly is probably the best candidate to render mathematically.

Darshan's profile picture
Darshan3 months ago

Is this just prompt or you built the system/architecture around creating these concepts?

小石头's profile picture
小石头3 months ago

three.js ?

ayushojha's profile picture
ayushojha3 months ago

Check this out:

Móc Khóa GAMING's profile picture
Móc Khóa GAMING3 months ago

Can you share code, pls, thanks

Alireza Hamidi - علیرضا حمیدی's profile picture
Alireza Hamidi - علیرضا حمیدی2 months ago

is it shared somewhere to interact with ?

Da Teng's profile picture
Da Teng2 months ago

@grok 这种是如何实现的?技术栈是什么

Cadmus's profile picture
Cadmus3 months ago

how do you make this much of a detailed butterfly with no 3d?

SD House Mafia's profile picture
SD House Mafia3 months ago

Lol. Animating wings is interactive 😂😂😂😆

Ai4SCI's profile picture
Ai4SCI3 months ago

good

Lucas's profile picture
Lucas3 months ago

Qual o prompt?

ENDA's profile picture
ENDA3 months ago

Could you please share how it was made? I'm very interested and it's truly amazing.

Related Videos