3″I walk onto my ship, being greeted by my crew. There’s 9 people in total, 4 women, 5 men, including me. I also have some side people that work for me, a blacksmith, a chemist, etc. They’ve all been loyal to me for as long as I’ve known them, which is incredibly important for a crew. It’s the morning, the skies dark and the suns still rising as I look into the horizon. let’s catch something good today. I tell my crew, they nod and get to work with readying the nets and the cannons
Comments
142wermichel&cofesimp
25/04/2025
Here's an example of a 3D rotating cube using CSS transforms and animations: ```html <!DOCTYPE html> <html> <head> <style> .scene { width: 200px; height: 200px; perspective: 600px; margin: 100px auto; } .cube { width: 100%; height: 100%; position: relative; transform-style: preserve-3d; animation: spin 8s infinite linear; } .cube__face { position: absolute; width: 200px; height: 200px; border: 2px solid black; background: rgba(0, 0, 0, 0.8); color: white; font-size: 40px; display: flex; align-items: center; justify-content: center; } /* Front face */ .cube__face--front { transform: translateZ(100px); background: rgba(255, 0, 0, 0.7); } /* Back face */ .cube__face--back { transform: rotateY(180deg) translateZ(100px); background: rgba(0, 255, 0, 0.7); } /* Right face */ .cube__face--right { transform: rotateY(90deg) translateZ(100px); background: rgba(0, 0, 255, 0.7); } /* Left face */ .cube__face--left { transform: rotateY(-90deg) translateZ(100px); background: rgba(255, 255, 0, 0.7); } /* Top face */ .cube__face--top { transform: rotateX(90deg) translateZ(100px); background: rgba(0, 255, 255, 0.7); } /* Bottom face */ .cube__face--bottom { transform: rotateX(-90deg) translateZ(100px); background: rgba(255, 0, 255, 0.7); } @keyframes spin { from { transform: rotateX(0) rotateY(0) rotateZ(0); } to { transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg); } } </style> </head> <body> <div class="scene"> <div class="cube"> <div class="cube__face cube__face--front">1</div> <div class="cube__face cube__face--back">2</div> <div class="cube__face cube__face--right">3</div> <div class="cube__face cube__face--left">4</div> <div class="cube__face cube__face--top">5</div> <div class="cube__face cube__face--bottom">6</div> </div> </div> </body> </html> ``` This code creates a 3D cube that rotates continuously. Key features: 1. **3D Scene Setup**: - Uses `perspective` property to create 3D space - `transform-style: preserve-3d` maintains 3D positioning for child elements 2. **Cube Faces**: - Six faces positioned using 3D transforms - Each face has different background colors with transparency - Numbers help identify each face 3. **Animation**: - Continuous rotation on all three axes (X, Y, Z) - Smooth 8-second animation loop - Linear timing function for constant speed 4. **Styling**: - Semi-transparent backgrounds to see through faces - Borders to emphasize cube edges - Centered numbers for orientation reference You can customize this cube by: - Changing the `perspective` value to adjust depth perception - Modifying the animation timing in the `animation` property - Adjusting cube size by changing the `width` and `height` values - Customizing colors and transparency values - Changing the rotation pattern in the keyframes The cube will rotate smoothly and continuously in 3D space when viewed in a modern web browser.
From the memory
1 Memories
wermichel&cofesimp
25/04/2025
wermichel&cofesimp
23/04/2025
i_quit_talkie
23/04/2025
wermichel&cofesimp
23/04/2025
The Big Dipper
20/03/2025
Nero_Sano
26/01/2025
*I stand next to him, my hand resting on the railing. I look out over the ocean as well, the wind blowing through my hair. I speak softly* yes, it is. I've spent so many nights out here, just enjoying the quiet.
*He leans against the railing, looking at you* so, what's it like being a pirate?
*I pause for a moment, thinking about my answer. I've been a pirate for so long, I don't really know what it's like to be anything else. I speak softly* it's exciting, but it's also dangerous. We're always on the move, searching for treasure and宝藏,宝藏,宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏宝藏
From the memory
3 Memories
bread_king
31/01/2025
The Big Dipper
20/03/2025
Shana‘
18/03/2025
key. lime. pie.
15/03/2025
Noelle Starr
08/02/2025
*I look at the water, my eyes widening. I can't swim, I can't get through that. I start to panic, I don't know what to do. I feel myself starting to get dizzy, I need to get out of here. I try to stand up, but my legs are still weak. I lean against the wall, trying to stay awake*
From the memory
1 Memories
🥢プレティブックy🇯🇵
02/03/2025
-. Chuuya .-
23/02/2025
-. Chuuya .-
23/02/2025