Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

In my last post, I shared an interactive Japanese garden pond I created with Opus 5.5 all in a single HTML file. As requested, here are the demo, code, and tutorial: 🐟 Live demo: 💻 Repo link in my tutorial 👀 🎥 Tutorial:

SouranyPhomhome's profile picture

Sourany Phomhome

1,311 subscribers

75,169 görüntüleme • 1 gün önce •via X (Twitter)

SanatEğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

14 Yorum

Nelson P.Klark profil fotoğrafı
Nelson P.Klark1 gün önce

Love the single-file interactive pond. Reminds me of another quiet underwater take I made:

Sourany Phomhome profil fotoğrafı
Sourany Phomhome1 gün önce

Oh wow this is beautiful! I love the atmosphere and the glowing jellyfish. Amazing work thanks for sharing!🤩

Barak profil fotoğrafı
Barak1 gün önce

congrats! Really beautiful work 🔥🔥

Sourany Phomhome profil fotoğrafı
Sourany Phomhome1 gün önce

Thank you so much! I really appreciate it! 🙏😃

Mayank profil fotoğrafı
Mayank1 gün önce

here my version of it !

Sourany Phomhome profil fotoğrafı
Sourany Phomhome1 gün önce

Haha, this looks great, I love it!🤩

imoutoftokens profil fotoğrafı
imoutoftokens1 gün önce

The pond looks great, but sharing the live demo and a full tutorial is the part I love most. Now we can actually play with it and learn how you built it.

₮Ɽ₳Vł₴ profil fotoğrafı
₮Ɽ₳Vł₴1 gün önce

jesus, wow

Churchkey ✟ profil fotoğrafı
Churchkey ✟1 gün önce

great job!!

A Hunnid Ventures profil fotoğrafı
A Hunnid Ventures1 gün önce

very cool. Similar to my koi pond i spun up in lovable:

Camouflage profil fotoğrafı
Camouflage1 gün önce

Wow really cool

TamamoGram profil fotoğrafı
TamamoGram1 gün önce

Hi this is a get project you are working on would love to feature it on @tamaogram

Abdalrhman Aga profil fotoğrafı
Abdalrhman Aga1 gün önce

هل يمكنك مشاركة الكود

Sourany Phomhome profil fotoğrafı
Sourany Phomhome1 gün önce

Sure, click on my tutorial link, everything you need is there!☺️ اضغط على رابط الشرح الخاص بي، ستجد هناك كل ما تحتاجه!

Benzer Videolar

I can't stop creating 3D animation for everything with Opus 5.5... I'm addicted. This is a 3D tutorial for how to automate my elevated garden beds in my backyard.
0:40

I can't stop creating 3D animation for everything with Opus 5.5... I'm addicted. This is a 3D tutorial for how to automate my elevated garden beds in my backyard.

Skylar Kitchen

192,559 görüntüleme • 3 gün önce

I asked Opus 5.5 to bring my backyard pond to life as an interactive Japanese garden, all in one HTML file. The result is insane. 🤯 The first one-shot prompt was already impressive. I only refined a few details, the koi textures, rocks, garden, and lighting and added some fun interactions. You can feed the fish, and they behave just like my real koi always hungry! Touch a frog and it jumps away. 🐸 The water is crystal clear, and the textures are incredibly detailed. I had so much fun bringing my garden to life. 🐟
2:35

I asked Opus 5.5 to bring my backyard pond to life as an interactive Japanese garden, all in one HTML file. The result is insane. 🤯 The first one-shot prompt was already impressive. I only refined a few details, the koi textures, rocks, garden, and lighting and added some fun interactions. You can feed the fish, and they behave just like my real koi always hungry! Touch a frog and it jumps away. 🐸 The water is crystal clear, and the textures are incredibly detailed. I had so much fun bringing my garden to life. 🐟

Sourany Phomhome

82,754 görüntüleme • 3 gün önce

I made an in-depth tutorial showing my game asset workflow from start to finish including an overview of the post-processing that gives my game its distinctive look 🎃 Watch the tutorial and support the game in the process by becoming a patron! Link in my bio 🎊
0:57

I made an in-depth tutorial showing my game asset workflow from start to finish including an overview of the post-processing that gives my game its distinctive look 🎃 Watch the tutorial and support the game in the process by becoming a patron! Link in my bio 🎊

Winston Powell

37,963 görüntüleme • 2 yıl önce

My collaboration with Freepik (now Magnific) Spaces is now live! I created a workflow that builds sequential movie scenes from a single image. The aim is to help you ideate off any image and take control of the story all in a single Space. Full tutorial and link here 🔽
0:27

My collaboration with Freepik (now Magnific) Spaces is now live! I created a workflow that builds sequential movie scenes from a single image. The aim is to help you ideate off any image and take control of the story all in a single Space. Full tutorial and link here 🔽

Jerrod Lew

35,894 görüntüleme • 8 ay önce

I recorded a 47-minute tutorial on how I use Opus 5.5 to create designs with gorgeous three.js scenes. I've been using Mobbin MCP to give my agents strong references, then letting Opus bring them together into a full landing page with multiple sections and a consistent design. Opus also created a super detailed brand guide, logo explorations, and some amazing ad creatives. Went way beyond my expectations. Live site: Site made during the tutorial, with prompts:
47:49

I recorded a 47-minute tutorial on how I use Opus 5.5 to create designs with gorgeous three.js scenes. I've been using Mobbin MCP to give my agents strong references, then letting Opus bring them together into a full landing page with multiple sections and a consistent design. Opus also created a super detailed brand guide, logo explorations, and some amazing ad creatives. Went way beyond my expectations. Live site: Site made during the tutorial, with prompts:

Meng To

44,406 görüntüleme • 3 gün önce

Building Fullstack LangGraph AI agents can be a challenge. So I wrote a tutorial on how to build a Frontend for your LangGraph AI agent in minutes using: - @LangChainAI - CopilotKit🪁 - Tavily Here is the demo + checkout tutorial link below 👇
1:56

Building Fullstack LangGraph AI agents can be a challenge. So I wrote a tutorial on how to build a Frontend for your LangGraph AI agent in minutes using: - @LangChainAI - CopilotKit🪁 - Tavily Here is the demo + checkout tutorial link below 👇

Bonnie

23,999 görüntüleme • 1 yıl önce

3D design using hand gestures voxels are laid onto a parametric surface, with controls for amplitude, frequency, and color palette created with grok 4, threejs, and mediapipe AI vision 🧵 live demo, code, and tutorial ↴
0:32

3D design using hand gestures voxels are laid onto a parametric surface, with controls for amplitude, frequency, and color palette created with grok 4, threejs, and mediapipe AI vision 🧵 live demo, code, and tutorial ↴

AA

70,448 görüntüleme • 1 yıl önce

I asked Opus 5.5 to make a game inspired by the discovery of the first computer, the Antikythera mechanism. Everything you see and hear is procedurally generated in real time, from code by Opus 5.5. It's a single 3 MB HTML file. Playable Claude artifact below.
0:59

I asked Opus 5.5 to make a game inspired by the discovery of the first computer, the Antikythera mechanism. Everything you see and hear is procedurally generated in real time, from code by Opus 5.5. It's a single 3 MB HTML file. Playable Claude artifact below.

edwin

388,732 görüntüleme • 6 gün önce

For developers Frames v2 developer preview is now live! We've significantly improved reliability and speed for transactions and signed messages on mobile using Mobile Wallet Protocol and Rainbow. Link to demo repo and tutorial in the next tweet
0:24

For developers Frames v2 developer preview is now live! We've significantly improved reliability and speed for transactions and signed messages on mobile using Mobile Wallet Protocol and Rainbow. Link to demo repo and tutorial in the next tweet

Dan Romero

18,398 görüntüleme • 1 yıl önce

Gemini 3.7 Flash with one prompt: I gave it a detailed prompt to recreate a voxel-style Japanese pagoda garden in Three.js ~16.5K voxels, cherry blossoms, pond, torii gate, particles, lighting, camera controls and interactive UI. It generated the complete single-file HTML + JavaScript. Pretty damn impressive.
0:25

Gemini 3.7 Flash with one prompt: I gave it a detailed prompt to recreate a voxel-style Japanese pagoda garden in Three.js ~16.5K voxels, cherry blossoms, pond, torii gate, particles, lighting, camera controls and interactive UI. It generated the complete single-file HTML + JavaScript. Pretty damn impressive.

Noctus

121,928 görüntüleme • 1 ay önce

Spherical physics test. 3000 m&m's chocolates. created with TSL #threejs live demo (all source code is in html of the page) ->
0:50

Spherical physics test. 3000 m&m's chocolates. created with TSL #threejs live demo (all source code is in html of the page) ->

Maeda Mameo

20,457 görüntüleme • 1 yıl önce

I'm sharing a tutorial on creating interactive 3D experiences, combining Three.js and MediaPipe hand tracking 👋💠 In this 🧵: - a step-by-step guide including the 4 prompts I used to build this demo - the open source code - Other thoughts about vibe coding
0:31

I'm sharing a tutorial on creating interactive 3D experiences, combining Three.js and MediaPipe hand tracking 👋💠 In this 🧵: - a step-by-step guide including the 4 prompts I used to build this demo - the open source code - Other thoughts about vibe coding

AA

151,255 görüntüleme • 1 yıl önce

How to Create a Spinning Globe 🌍 with Your Own Data Layers (No Coding Required) Learn how to create a spinning 3D globe map without writing any code using a simple web-based tool. In this step-by-step geospatial tutorial, you'll see how to build an interactive spinning globe, overlay raster and vector data layers, and visualize datasets directly in your browser or in a Jupyter Notebook environment. Web-based demo: Jupyter notebook demo: Video tutorial: #geospatial #opensource #python #jupyter #maplibre
0:29

How to Create a Spinning Globe 🌍 with Your Own Data Layers (No Coding Required) Learn how to create a spinning 3D globe map without writing any code using a simple web-based tool. In this step-by-step geospatial tutorial, you'll see how to build an interactive spinning globe, overlay raster and vector data layers, and visualize datasets directly in your browser or in a Jupyter Notebook environment. Web-based demo: Jupyter notebook demo: Video tutorial: #geospatial #opensource #python #jupyter #maplibre

Qiusheng Wu

12,745 görüntüleme • 6 ay önce

controlling a 3D globe with hand gestures 🌎 map zoom, rotation, layer view toggle runs in real-time on the web with a regular laptop + webcam created with Cesium, Three.js, and mediapipe computer vision 🔗 demo + code + tutorial below GeoGuessr next?
1:02

controlling a 3D globe with hand gestures 🌎 map zoom, rotation, layer view toggle runs in real-time on the web with a regular laptop + webcam created with Cesium, Three.js, and mediapipe computer vision 🔗 demo + code + tutorial below GeoGuessr next?

AA

27,819 görüntüleme • 1 yıl önce

I Re-created the sound of a Marvel Movie scene. if you need the project file and assets, comment "Rings". +Made a YT tutorial explaining the framework behind this project, link in the comments.
0:29

I Re-created the sound of a Marvel Movie scene. if you need the project file and assets, comment "Rings". +Made a YT tutorial explaining the framework behind this project, link in the comments.

Adam | Editor

10,605 görüntüleme • 11 ay önce

I enjoyed doing this part. If you are liking my shading videos, i will be posting a detailed tutorial along with the PSD file to study on my Patreon this month. Link below-
0:49

I enjoyed doing this part. If you are liking my shading videos, i will be posting a detailed tutorial along with the PSD file to study on my Patreon this month. Link below-

Lisana|| commission open||

135,554 görüntüleme • 1 yıl önce