このサンプルでは、キーボードの上下右左でカメラ操作を行えますが、同じキーで前後左右のポイントへ移動していくようなUIやパソコンゲームで馴染みのあるWASDでの操作にすることも可能です。
コンテンツやターゲットに合わせて、使いやすい、視点酔いしにくいUIの選定を、プロトタイピングを通じて検討していきます。
webGL／バーチャルツアー型コンテンツ／実現できること
また、webGL空間から呼び出せるウェブページに制限はないので、例えばInstagram Graph APIを用いたハッシュタグ投稿収集ページも呼び出せますし、YouTube動画の埋め込みなどももちろん呼び出せます。従来のコンテンツはそのままに、webGL表現を加えることができます。
We partnered with ClassDojo to bring Dojo Islands to life, creating modular environment kits and establishing the art pipeline that powers nearly all of the game’s visuals.
This diorama features a stylized oasis, showcasing how our modular kit can bring lush, inviting life into desert environments. From water features to palm trees and stonework, every detail was hand-painted and optimized for smooth performance on both WebGL browsers and low-end mobile devices.
Our work focused on:
Low-poly, optimized modeling for efficient runtime performance
Hand-painted textures that bring color, charm, and readability at any scale
Modular assets that allow flexible set dressing and reusable level design
Dojo Islands is part of ClassDojo’s mission to inspire creativity and community for young learners, and we’re proud to have supported that vision.
If your project needs stylized environments, optimized 3D assets, or modular kits, Pie Trap Studios can help.
👉 Learn more at www.pietrap.com
#3DModeling #3DAssets #OptimizedAssets #GameReady #WebGL #MobileGames #MobileOptimization #RealTimeAssets #ModularEnvironment #LevelDesign #SetDressing #ArtPipeline
✨ 3D Websites - "Living interactive things".
That’s how Chipsa introduces their agency and with the visual it works so well 😌.
Their site blends beautiful WebGL + 3D objects with clever copywriting that makes you feel the value of what they do.
What stood out for me:
🎨 A hero section that’s as playful as it is polished - complete with a “click me” 3D object that proves their point.
🌀 Smooth page transitions and scroll indicators that make navigation part of the experience.
💡 Smart tooltips and interactive touches that keep the site feeling alive.
🖋️ Copy that doesn’t just describe — it evokes. (“We evoke emotions through aesthetics, WebGL and 3D.” 👌)
This is a great reminder that design isn’t just visual, it’s emotional. Chipsa nails that balance.
Go play with it 👉 chipsa [.design] (SOTD on awwwards)
#WebDesign #WebGL #3DDesign #WebsiteInspiration #UXUI
Shader • 1210
Season 🧙🏽♀️ #anydayshaders
October is here!!! 🖤🍂🎃
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
#glsl #shader #webgl #computergraphics #generativeart #creativecoding #codeart #digitalart #computerart #genart #newmediaart #noiseart #art #proceduralart #visuals #vjloops #mathart #algorithmicart #trippyvisuals #mtv #glitchart #contemporaryart #artandtechnology #fractals #opart #genartclub #generative #procedural #realtime
Who says you can’t have fun with work? 🎮
This is what happened when Daniel Pereira combined Unity with NLX Voice+ 🗣️: a fully interactive WebGL (WASM) 🌐 drone simulation powered by Voice+.
Touchpoint, the NLX platform’s out-of-the-box interface, is enabled on the page so you can easily interact with the simulation using natural voice commands.
What might you build with NLX? 🚀
#BuildwithNLX #Voiceplus #BuiltbyNLX #Unity3D #WebGL #WASM #GameDev #ImmersiveTech #TechDemo
TopCssGallery.com is happy to announce the newest SOTD listing (site of the day)
https://tinyurl.com/2w3anvnm 1st-October-25. We congratulate ashfall_studio
#siteoftheday #sotd #2k25 #TopCssGallery #Submit #cssgallery #360 #3D #animation #nuxtjs #promotional #sanity #socialresponsibility #Storytelling #Technology #transitions #unusual #navigation #webgl
🍂 تصور کن با حرکت موس، یه دنیای سیاهوسفید رو رنگی کنی!🎨✨
🍁 جشنواره پاییزی شاتل با شعار «با عطر پاییز، قصهها رنگ تازه میگیرند!» برام جرقهی خلاقیت شد.
🚀روی لندینگ کمپین به کمک WebGl و JavaScript ایدهای پیاده کردم که کاربر با حرکت موس، میتونه یک صفحه تماماً سیاه و سفید رو بهتدریج رنگی کنه 🎨✨
✅️ترکیب سادگی و تعامل کاربر باعث شد تجربه متفاوتی خلق بشه.
به نظرم همین جزئیات کوچیکه که یه لندینگ رو به یادموندنی میکنه.
🔗 لینک جشنواره: shatel.ir/salespromotion
🌐اگر به برنامه نویسی وب علاقه داری پیج منو فالو کن🥰
🪐صبرینه هستم
🪐طراح و مدرس برنامه نویسی وب اپلیکیشن🤍
🪐همه کد ها در گیت من در بیو موجوده👌
🪐آموزش و همکاری : دایرکت یا ایمیل 🌸
🪐I am Sabrineh, developer of web application🤍
🪐All the codes are available in my git in bio👌
🪐Cooperation: direct and email📨
🪐Follow my page to see more🥰
#sabrinehkazemi
#صبرینه_کاظمی
#developer #programmer #webdeveloper #webdesigner #websites #react
#nextjs #threejs #webgl
#برنامه_نویسی #برنامه_نویس #برنامه_نویسی_وب
“Lights on”
{html}, 1:1, 2025.
.
.
.
.
#art #abstractart #graffiti #streetart #spraypaint #mural #painting #modernart #artwork #sculpture #contenporaryart #drawing #fineart #porcelain #ceramic #artistoninstagram #exhibition #tiledesign #modulartiledesign #nft#generativeart #webgl #creativecoding #postvandalism
I've been experimenting with a fictional sci-fi streetwear brand and creating an immersive viewing experience.
Using Nano Banana and Sora to generate collections with RPG-style UI overlays, isolating components, building 360° views via range generation. Testing how AR layers, potential web 3D, and inventory logic can transform product browsing into something more interactive.
Exploration in progress.
web.design.trends webdesignssphere interfaceindex orbixweb welovewebdesign
#scifistreetware #ARdesign #generativeAI #UIdesign #webdesign #fashiontech #3Ddesign #immersivedesign #digitalfashion #aiart #sora #designexperiment #futureoffashion #uidesigner #uxdesign #interfacedesign #productdesign #interaction design #designinspiration #creativecoding #motiondesign #webgl #figma #designcommunity #designtrends #uiux #visualdesign #digitaldesign
🚀 Today’s shader learning at Sheryians Coding School ✨
I explored the step() function in GLSL and used it in Three.js to divide my cube into tricolor bands.
It’s amazing how a single function can create such sharp, clean regions.
Next, I’ll be experimenting with smoothstep() for smoother gradients! 🌌
#SheryiansCodingSchool #ThreeJS #Shaders #WebGL #LearningJourney