Sprint 18: Release Candidate - PE, overdraagbaar, alles!!

2 december

Sprint 17 - User Needs

3 kleine sprints binnen deze sprint met de creative coding spikes!

Programming Spikes & Creative Coding

“the goal is to create something expressive instead of functional”

Dit gaan we deze sprint 3 keer doen, een peer week.

“A task aimed at answering a question or gathering information, rather than a shippable product”

Vraag: Kan de gebruiker verrast worden met een interactie?

Deeltaak: creative coding spikes

Dit doe je in een aparte branch.

Zie de stappen bij concept roulette of leertaak.

Scroll driven animations

3 december

Verder gewerkt

4 december

verder gewerkt sochtends. Bijna alles wat ik had gemaakt verwijderd want toch niet tevreden.

5 dec

verder gewerkt

Begonnen met de sad emoji voor de error page

Ik heb een SVG gebruikt, en ThreeJS’s SVGLoader gebruikt om deze te laden als 3d object.

Dit is dan automatisch een plat object. Om het wat dikker te maken heb ik ExtrudeGeometry gebruikt.

loader.load("/emoji.svg", (data) => {

const group = new THREE.Group();
data.paths.forEach((path) => {

// Check path color or assign a default if undefined

const color = path.color || 0xffffff;

  

const material = new THREE.MeshBasicMaterial({

color: new THREE.Color(color), // Use path color

side: THREE.FrontSide,

transparent: true,

opacity: 1,

});


const shapes = path.toShapes(true);  

shapes.forEach((shape) => {

const geometry = new THREE.ExtrudeGeometry(shape, {

depth: 10,

bevelEnabled: true,

bevelThickness: 1,

bevelSize: 0.3,

bevelSegments: 3,

});

const mesh = new THREE.Mesh(geometry, material);

group.add(mesh);

});

});

Ik ben ook nog op zoek naar een ander lettertype, ik vind deze toch niet zo. Maar ik kan nog niks beters vinden.

6 dec

Ik heb de standaard roterende animatie vervangen voor een tilt animatie die de muis volgt.

Ik heb ook geprobeerd om de witte vlakken van de SVG te fixen, maar kan hier nog geen goede oplossing voor vinden.

![[Scherm­afbeelding 2024-12-06 om 13.10.31.png]]