#three.js

[sublingual-art]

Added another camera to my graveyard scene. Right now it's only 32K tris so I think I can get away with adding more to scene without running into performance issues, but I'm not sure if I'll add another zone after this.

[numbpilled-themes]

super happy to share these, i personally adore them...

TRADING CARD(ish) WIDGETS FOR YR SITE OR BLOG OR WHATEVER!!~

FEATURES:

-super cool

-animated af

-mad stylish

-buttons!!!! dynamic effects!!!

DOWNLOAD HERE, AND HERE LIVE PREVIEW ONE, TWO BY NUMBPILLED ON KO-FI (ps if you do end up using these lmk, i wanna see >.>)

[umbrapets]

Some things have been hooked up to the server/database now so these are "my" pets, not just a showcase or visualization! Big milestone for me even though there's not a lot of visual difference. It does show how different backgrounds and foregrounds will automatically fit together though, and how the same color combination works with a different coat pattern. The design of everything is as always subject to change but I'm pretty happy with the pet display dimensions and using the top part of the webpage as the interactive game part. The background, foreground, thing-the-pet-is-standing-on and name/bio style will be equippable items so you can change them as you want (as long as you have the items)

[ascreenaway]

Made with GLSL and Three.js

[adramajp]

It's spring.

https://adrama.jp/norimakineko/sakura/

[thewebdesignerpro]

WebGL Sunny Scenery

WebGL 3D demo of a beautiful, sunny, scenery, with lens flare & sky shader.

Check it out:

https://thewebdesignerpro.com/scenery.html

[kedama-mz]

これで私でもできた！

[reversemullet3d]

it's working great

[linuxgamenews]

Coins, Crown & Cabal: What to Expect from Launch

Coins, Crown & Cabal the medieval online strategy game is coming to Linux, Mac, and Windows PC, but not for Free. Thanks to the creative minds at Magni Games, the title is shaping up to be something truly epic. Working to make its way onto Steam. Alright, folks — if you’ve been keeping an eye on Coins, Crown & Cabal, buckle up. There’s been a pretty major shake-up behind the scenes, and it’s going to change the way we play (and pay for) the game. Magni Games, the devs behind this medieval online strategy title, just teamed up with the well-known publisher Daedalic Entertainment. And with this new partnership, the game is going through a bit of a glow-up — both in how it looks and how it’s delivered. The biggest bombshell? Coins, Crown & Cabal is no longer going to be Free-to-Play. Yup, they’re switching to a premium model. That means instead of the usual F2P setup with microtransactions, you’ll buy the game outright. No more free download with sneaky in-game purchases — it’s a one-and-done kind of deal. Now, if you're thinking, “Wait, I followed this game because it was Free-to-Play,” you’re not alone. But Magni Games says they made this decision based on player feedback. Apparently, the community wants something deeper, more polished, and less pay-to-win. And honestly? That sounds pretty good.

Coins, Crown & Cabal: Official Gameplay-Trailer

Along with this shift, the devs are also doubling down on the PC version of the game and officially ending development for mobile. It’s a clear message: Coins, Crown & Cabal is being built for serious strategy fans, not casual mobile gamers. They’re also giving the whole thing a big visual overhaul, so expect the game to look sharper and more immersive than ever. For those new to the game, here’s what it’s all about: You’ll be building your own medieval trade city, optimizing production lines, refining goods, managing convoys, and getting deep into the world of political backstabbing. Think elections, shady deals, and power plays — all in a persistent online world where other players are doing the same. It’s like if SimCity met Crusader Kings and threw in some good old-fashioned espionage. While it was originally pitched as an MMO, it’s now better described as a persistent online multiplayer medieval online strategy game. Less grind, more brains. And here’s the best part — you can help shape the game. Multiple alpha testing phases are coming later this year, and the devs are actively looking for feedback. If you want in, keep an eye on the game’s Steam Community Hub. So, long story short: Coins, Crown & Cabal is leveling up. It’s moving away from mobile, dropping the F2P model, and going all-in on premium Linux, Mac, and Windows PC strategy. If you’re into trade, politics, and building your own medieval empire — this one’s worth Wishlisting on Steam.

[amheng-osa]

I have been working on a THREE project recently as I wanted to start getting to know the framework. To this end, I decided on a data visualisation project and found some interesting open source, global scientific data online. In this render, I'm displaying long-term monthly mean precipitation data over the globe.

The data is in a NetCDF file and I wrote a Python script in order to parse this at a grid resolution I was happy with (1x1 degree grid) and output the data in a JSON format that is easy to parse in my JavaScript code.

I'm quite happy with the colour variation of the data points which makes it easy to differentiate between different data magnitudes, and of course the heights of data markers helps too.

For the minimum and maximum markers, I rendered the text to a texture on the fly using a 2D HTML5 canvas and then applied this to the surfaces. You can't see it here since it's a static render, but I wrote a simple little fragment shader which gives a little intermittent shine moving across the surface quickly (the kind you might see on some buttons on a website that is for making a purchase: it gives it a kind of "expensive" feel).

Everything in the scene has custom shaders for it as for me it would defeat the purpose if I just let THREE, for example, map the world texture onto the sphere on my behalf. It's good to try to do all these things yourself in order to practise. After all, that's how you get better at things.

The sphere fragment shader uses the surface normal to derive the polar coordinates and normalises them to the interval [0, 1] and then samples from the texture. I found that in order for it to be the right way up and also not mirrored right-to-left, I had to subtract the normalised angles from 1. I also added a simple lighting effect that you start to see as the surface normal becomes more perpendicular to the vector towards the camera position. It's simple little things like this that can really add a lot visually, I think.

For the background, I simply added a plane and fiddled around with the right values until I got a nice glow effect around the sphere based on distance from the origin. I also then applied some simple modulation to the final colour by doing colour * (exp(-0.75 * abs(Y_VALUE))); Using this (without the abs and a larger value, and subtracting from 1) is often used to add a fog effect to the background.

Overall, I'm happy with the progress and it's been a fun little project to get used to using THREE.js. I think the final thing (at least that I can think of for now) will be to add, within the 3D scene, an information button. On clicking this, the camera can rotate around to a large surface (the same style as those for the minimum and maximum values on the globe) which will contain detailed information on the data used. An arrow button will be visible at that point to rotate back around. I think this is a really good demonstration of how we can achieve some powerful, pretty results with just little, simple building blocks.

[sublingual-art]

Spent time working on transitions in my adventure game

[bkthemes]

The Evolution of 3D Web Development: A New Era of Digital Interaction

The web has come a long way from static HTML pages to dynamic, visually rich experiences. With the rise of 3D web development, the digital space is undergoing yet another transformation, offering users immersive and interactive environments that push the boundaries of traditional web design. Whether in gaming, e-commerce, education, or entertainment, 3D elements are reshaping how we interact with…

[ascreenaway]

Made with GLSL and Three.js

[adramajp]

Octopus tentacles

The number of tentacles is octopus, since it has eight tentacles. He coils and spreads his tentacles. And drifts gracefully.