Three.js

donmccurdy,
@donmccurdy@fosstodon.org avatar

Just updated https://gltf.report to three.js r164 and glTF Transform v4. The example script is now almost identical to gltf-transform optimize presets, and includes: gpu instancing, palette texture creation, mesh joining, simplification, keyframe resampling, and more.

eyeofmidas,
@eyeofmidas@mastodon.gamedev.place avatar
eyeofmidas,
@eyeofmidas@mastodon.gamedev.place avatar

@nosherwan essentially! Building 3D for the browser is actually pretty easy, but it can get slow faster than a native app would. So I'm pre-baking the lighting in a scene and then loading it in the browser (via threejs) and then adding custom tweaks to it like making the water move or making the portal... portaly. There's a lot of steps and I'm not a great modeler, but it's getting easier with practice.

nosherwan,
@nosherwan@fosstodon.org avatar

@eyeofmidas nice.
So there is no semi-auto way of converting 3D software models to JS?

rowan_m,
@rowan_m@mastodon.social avatar

Got the WebGPU renderer in working to create a basic Lorenz attractor! However, it goes off the rails after about 30s, I think due to floating point inconsistencies. Suspect I need to rethink my approach, but trying to find a parallel solution is breaking my brain.

Colorful swirls but then it turns into a mess.

rowan_m,
@rowan_m@mastodon.social avatar
donmccurdy,
@donmccurdy@fosstodon.org avatar
marwi, German
@marwi@mastodon.gamedev.place avatar

Automatic LODs for Needle Engine v1

#needle #threejs #webdev

video/mp4

marwi, German
@marwi@mastodon.gamedev.place avatar

v0 of progressive meshes for Needle Engine

video/mp4

marwi,
@marwi@mastodon.gamedev.place avatar

Oops - with meshopt compression we're getting nightmare mode

video/mp4

EliCDavis,
@EliCDavis@mastodon.gamedev.place avatar

I've finally implemented Gaussian splat's .splat format in polyform, and in turn, added splat support to the viewer. So now you can do things like edit Gaussian splats right in the web browser. This is an example of me cropping my family out of their kitchen and making their heads twice as large.

All code in the video can be found here (a dev branch as I complete the node system):
https://github.com/EliCDavis/polyform/blob/dev/node-system/examples/crop-pointcloud/main.go#L146

video/mp4

donmccurdy,
@donmccurdy@fosstodon.org avatar

I've been meaning to start writing up blog posts based on responses to common questions in three.js Slack/Discord/Forums, so here's a start — an introduction to image formats in used in WebGL and WebGPU applications, including WebP, AVIF, and KTX2.

https://www.donmccurdy.com/2024/02/11/web-texture-formats/

donmccurdy,
@donmccurdy@fosstodon.org avatar

@castano Hi Ignacio, Spark sounds very exciting to try, thank you!

WebGL 2 or WebGPU support would probably be required for me to be much help in evaluating or recommending Spark, but I’d love to learn more then!

castano,
@castano@mastodon.gamedev.place avatar

@donmccurdy I'll let you know as soon as I have something you can play with :)

Pl4n3, German
@Pl4n3@mastodon.social avatar

Went out on the snow, built snowmen. 😀 The sculpt editor has more options now. https://pl4n3.github.io/test/webvr/sculpt160.htm

video/mp4

Pl4n3, German
@Pl4n3@mastodon.social avatar

Currently extending the sculpt example, e.g. with colors. 😀 https://pl4n3.github.io/test/webvr/sculpt160.htm

video/mp4

donmccurdy,
@donmccurdy@fosstodon.org avatar

Support for AgX tone mapping (Blender 4.0's default) is available today in three.js r160 — huge thanks to @garrettkjohnson for getting this implemented, and to @troy_s for the long work of creating it and educating others.

pablolarah,
@pablolarah@mastodon.social avatar
stux,
@stux@mstdn.social avatar

Have a most wonderful day! :ablobgrin:

Dancing Spongebob and Patrick in ThreeJS

Tedgarrison3,
@Tedgarrison3@mstdn.social avatar

@stux you a sick puppy..

stux,
@stux@mstdn.social avatar

@Tedgarrison3 but.. it’s a SpongeBob on a happy song :spongebob:

stux,
@stux@mstdn.social avatar
stux,
@stux@mstdn.social avatar
stux,
@stux@mstdn.social avatar
stux,
@stux@mstdn.social avatar
luvcraft,

@stux awesome! thanks!

stux,
@stux@mstdn.social avatar

Okay this is super cool :ablobgrin:

A little while ago I made a quick 3D scan with my iPhone from some objects in our home and uploaded the (raw) to Sketchfab
(https://skfb.ly/oFMCI)

Turns out i can simply download the file and use it again in my WebGL :bloblaugh:

This is just too easy

3D scanned cat statue from our home in space in ThreeJS

FallsMom,
@FallsMom@mastodon.coffee avatar

@stux @rob11563

Or PET scans. . .

brunomiguel,
@brunomiguel@masto.pt avatar

@stux will they be meowstronauts?

stux,
@stux@mstdn.social avatar

Yeah uh.. I dunno stux. Doesn't really seems finished 🌔 :bloblaugh:

A "moon" made from metal in ThreeJS

stux,
@stux@mstdn.social avatar

alone in the dark-ish universe

Colors and lights are way off I know :blobcatgiggle:

James Webb Space Telescope in "space" in ThreeJS

alwynispat,

@stux shhhh… don’t let them know it’s a fake

stux,
@stux@mstdn.social avatar

Yay, also done with the improved version of the generator only now it's done with custom shaders(GLSL) and it has a spin! :blobcatspace:

Ofc still fully customizable!

Live / play online: http://stux.stuxnet.ai/animated-galaxy

Source repo: https://gitcat.org/stux/animated-galaxy

Galaxy generator in ThreeJS but with animation spin

stux,
@stux@mstdn.social avatar

@qurlyjoe You ca zoom in & out also :blobcatgiggle:

qurlyjoe,
@qurlyjoe@mstdn.social avatar

@stux oh. Didn’t see that.

stux,
@stux@mstdn.social avatar

Alright! :blobcatspace: that's already a little more like it :blobcatgiggle:

Spaceship model in a space with space background or whatever

JSharp1436,
@JSharp1436@mstdn.social avatar
ailnoth,

@stux Fun fact, it works with bun too https://bun.sh/ ... bun install && bun run dev :)

stux,
@stux@mstdn.social avatar

Found a little wooden elephant in the barrels :blobcatgiggle:

Testing scene with a wooden elephant, explosives and trash barrels in Three.JS

stux,
@stux@mstdn.social avatar

@ScriptFanix Give it a few sec 😉

tykayn,
@tykayn@mastodon.cipherbliss.com avatar

@stux
do a barreel roll !

stux,
@stux@mstdn.social avatar

AI generated environment map in is pretty sweet!

"Cyberpunk neon city" "background" in ThreeJS

YadyO,
@YadyO@tooters.org avatar

@stux
I like the city one. There's something about the colors that makes it inviting.

DavidNielsen,
@DavidNielsen@mastodon.social avatar

@stux health and safety regulations, nah we don’t need those things, this approach is perfectly okay.

stux,
@stux@mstdn.social avatar

Learning about physics in yay!

I'll put the end thing online later for you to play with ofc :blobcatgiggle:

Spheres dropping on top of each other on a plane in ThreeJS

freemo,
@freemo@qoto.org avatar

@stux Cool! let us know if you ever come back to it.

freemo,
@freemo@qoto.org avatar

@stux sweet, i dont have widnows, but i can usually run windows stuff with very little trouble, including games.

stux,
@stux@mstdn.social avatar

Physics lesson for also finished yay!

You can play around here: https://objects.derpy.lol

And source code has been added here: https://github.com/mstdn/ThreeJS

trogluur,
stux,
@stux@mstdn.social avatar
stux,
@stux@mstdn.social avatar

@midka I did! ❤️ this is the result from a lesson :blobcatgiggle:

midka,
@midka@mementomori.social avatar

@stux Nice! Do you think its worth it? I might get it myself :blobDance:

stux,
@stux@mstdn.social avatar

Okay, don't laugh :catblush:

Live:
https://derpy.lol

Started with simple blocks

chris_nemarich,

@stux this looks like it could be a level on Myst

WestLawns,
@WestLawns@mastodon.social avatar

@stux you cant open that door

  • All
  • Subscribed
  • Moderated
  • Favorites
  • threejs
  • ethstaker
  • thenastyranch
  • GTA5RPClips
  • everett
  • Durango
  • rosin
  • InstantRegret
  • DreamBathrooms
  • magazineikmin
  • Youngstown
  • mdbf
  • slotface
  • cisconetworking
  • kavyap
  • JUstTest
  • normalnudes
  • modclub
  • cubers
  • ngwrru68w68
  • khanakhh
  • tacticalgear
  • tester
  • provamag3
  • Leos
  • osvaldo12
  • anitta
  • megavids
  • lostlight
  • All magazines