正在加载视频...

视频加载失败

Been thinking about sharing some fun, interactive science app ideas Made this one today UI design and planet textures GPT Images 2 Code Gemini 3.1 Pro

400,271 次观看 • 5 个月前 •via X (Twitter)

70 条评论

Dilum Sanjaya 的头像
Dilum Sanjaya5 个月前

I'm actually shifting this series from futuristic layouts to fun, interactive science apps for now, since it may be more helpful for people looking to build this kind of apps

Dilum Sanjaya 的头像
Dilum Sanjaya5 个月前

I used the UI from this demo and changed it a bit to fit the planetary exploration theme

Dilum Sanjaya 的头像
Dilum Sanjaya5 个月前

Here's an interactive map UI that I built recently

Dilum Sanjaya 的头像
Dilum Sanjaya5 个月前

Another similar series I worked on in the past

JB 的头像
JB5 个月前

Oh my daughter would love this.. how can she play with it?

Dilum Sanjaya 的头像
Dilum Sanjaya5 个月前

thanks! not hosted yet, but I'll probably put some of these online once I make a few more

AI Mastery Guide 的头像
AI Mastery Guide5 个月前

This is the kind of passion project that ends up becoming a real product, please keep building 🔥

Dilum Sanjaya 的头像
Dilum Sanjaya5 个月前

thanks! I will

AI Mastery Guide 的头像
AI Mastery Guide5 个月前

nice 🫡

Dheepan Ratnam 的头像
Dheepan Ratnam5 个月前

wow beautiful UI and animations , awesome 😀

Dilum Sanjaya 的头像
Dilum Sanjaya5 个月前

thanks

araw 的头像
araw5 个月前

this is actually genius, so much potential in this idea

Dilum Sanjaya 的头像
Dilum Sanjaya5 个月前

thanks

Pratik Patel 的头像
Pratik Patel5 个月前

Which ai models you using to convert it to 3d and all ?

Dilum Sanjaya 的头像
Dilum Sanjaya5 个月前

Once I generated the UI, I just upload it to Gemini and ask it to create it with react, not a single prompt, it takes a lot of fine tuning the get the things like colors right and animations feel natural

Pratik Patel 的头像
Pratik Patel5 个月前

I see great it looks awesome

Minjune Song 的头像
Minjune Song5 个月前

You can host all of these apps on for free, just give a teenyapp link to the AI that built your apps and tell it to deploy it there

Hybrid 🏃🏾 的头像
Hybrid 🏃🏾5 个月前

What would be pretty cool if you could zoom in on each planet

Dilum Sanjaya 的头像
Dilum Sanjaya5 个月前

thanks! will do that on a future demo

Hybrid 🏃🏾 的头像
Hybrid 🏃🏾5 个月前

Great work though I really like what you’re doing!

Madhav Agarwal 的头像
Madhav Agarwal5 个月前

This looks clean and cool

Dilum Sanjaya 的头像
Dilum Sanjaya5 个月前

thanks

SolomanNB 的头像
SolomanNB5 个月前

This looks incredible! I’d definitely love to see more of these interactive science app ideas. Please keep sharing!

Dilum Sanjaya 的头像
Dilum Sanjaya5 个月前

thanks, will do

Lee Penkman 的头像
Lee Penkman5 个月前

epic

Dilum Sanjaya 的头像
Dilum Sanjaya5 个月前

thanks

KarenR 的头像
KarenR5 个月前

I like these series of UI and animation explorations. Very cool work!

Dilum Sanjaya 的头像
Dilum Sanjaya5 个月前

thanks

Play PAREHÓ 的头像
Play PAREHÓ5 个月前

Looks so clean! My son is obsessed with planets. Would love to explore this with him

Dilum Sanjaya 的头像
Dilum Sanjaya5 个月前

awesome!

Niko 的头像
Niko5 个月前

这么强吗?感觉在科学教育有很大作用😇

Rosebud AI 的头像
Rosebud AI5 个月前

Check out the Physics games on Rosebud: We'd love to send you a code and have you experiment on the platform!

Julian Fitzpatrick 的头像
Julian Fitzpatrick5 个月前

Very cool stuff ! How did you build it?

KamaleonconK 的头像
KamaleonconK5 个月前

Uno así para @NoMansSky 🥵🥵🥵🥵

 007 的头像
 0075 个月前

cool

Dilum Sanjaya 的头像
Dilum Sanjaya5 个月前

thanks

remy 的头像
remy5 个月前

Super clean. Well done!

Dilum Sanjaya 的头像
Dilum Sanjaya5 个月前

thanks

J 的头像
J5 个月前

My 7 year old kid will love this. Amazing job!

Dilum Sanjaya 的头像
Dilum Sanjaya5 个月前

awesome!

seve 的头像
seve5 个月前

This is so cool, I want to make a planet editor like this for my game, Freeball

Dilum Sanjaya 的头像
Dilum Sanjaya5 个月前

thanks! if you want to generate planets with some terrains there are couple of algorithms you can use, will probably share some of those on a future demo

seve 的头像
seve5 个月前

Can’t wait, I’m basically making Minecraft in space haha so I have to get procedural universe generation down and I’m trying to do it all in the browser. It may be broken rn but, not totally..

Dilum Sanjaya 的头像
Dilum Sanjaya5 个月前

awesome!

Ryan Parker 的头像
Ryan Parker5 个月前

So cool! Where's the link?

Dilum Sanjaya 的头像
Dilum Sanjaya5 个月前

thanks, I haven't deployed it yet, will do at some point

Bruno Jefferson 的头像
Bruno Jefferson5 个月前

Isso é muito legal!

Dilum Sanjaya 的头像
Dilum Sanjaya5 个月前

thanks

JMoon 的头像
JMoon5 个月前

splitting it like this makes sense. GPT Images for assets, Gemini for code. using models at what they're actually good at instead of forcing one to do everything.

Oyen Dev Lab 的头像
Oyen Dev Lab5 个月前

I love this. So many usecase in education!

Dilum Sanjaya 的头像
Dilum Sanjaya5 个月前

thanks, yeah!

Ælþemplær 的头像
Ælþemplær5 个月前

Oh please yes.

Eric Wilson 的头像
Eric Wilson5 个月前

I would love to use this for my science class (highschool special education) is there a way to access it?

Dilum Sanjaya 的头像
Dilum Sanjaya5 个月前

I haven't hosted it yet, but since ther's been a lot of interest, I'm planning to put some of these demos online soon. The data is currently mock data, but I'll look into working with someone more familiar with space to add real data as well.

Bharath 的头像
Bharath5 个月前

Nice 👍

Dilum Sanjaya 的头像
Dilum Sanjaya5 个月前

thanks

1NORTH 的头像
1NORTH5 个月前

nice balance between visual and interaction here, doesn’t feel overwhelming

Noam Maman 的头像
Noam Maman5 个月前

Extremely beautiful stuff

Dilum Sanjaya 的头像
Dilum Sanjaya5 个月前

@Noam_Maman2 thanks

Pratham Verma 的头像
Pratham Verma5 个月前

This looks actually amazing. Have you just used AI for code, or have you also written some code yourself as well?

Dilum Sanjaya 的头像
Dilum Sanjaya5 个月前

I didn't write any of the code myself, but when something breaks, I usually check it and give the model a few hints to fix things faster.

Pratham Verma 的头像
Pratham Verma5 个月前

I feel that is something that most people don't realise about coding using AI that we still need to know how to code in order to build something.

Mario Caleb 的头像
Mario Caleb5 个月前

Kindly share how you were able to get this texture and nice simulation

Mario Caleb 的头像
Mario Caleb5 个月前

thanks.

Ocean Waves 的头像
Ocean Waves5 个月前

gemini 3.1 pro sounds cool! how's the coding been going for you?

Bro Mbaku 的头像
Bro Mbaku5 个月前

Neat

Dilum Sanjaya 的头像
Dilum Sanjaya5 个月前

thanks

SecrtAgntSquirl 的头像
SecrtAgntSquirl5 个月前

Ngl I would love something like this for the game No Mans Sky. Like a companion app to log the systems you’ve been to. And for world building stuff. Cataloguing systems you make within a world.

Dilum Sanjaya 的头像
Dilum Sanjaya5 个月前

cool idea!. might build something similar as a future demo

SecrtAgntSquirl 的头像
SecrtAgntSquirl5 个月前

I really think it’d be cool. I doubt it can actually integrate into the game, but maybe you take a picture of the system when you arrive, upload it in the app and then it creates mockups (similar to yours above). And if it’s for story/worldbuilding, maybe you describe the system, like prompting midjourney, and it spits out a system. Gosh.. the world we’re moving into could be soo cool. As long as it doesn’t turn dystopic. I love what ai can do. Really liked this though. One of the coolest things I’ve seen in a while!

相关视频