Resources

In questo articolo: Tecniche di risoluzione dei problemi per evitare di urlare al computer, troviamo uno specchietto di punti per affrontare in modo efficace il problem solving.

1. Avere un piano
2. Riformulare il problema
3. Dividere il problema in parti
4. Iniziare da quello che si conosce
5. Ridurre il problema con dei vincoli
6. Trovare delle analogie
7. Sperimentare
8. Evitare la frustrazione

“Soffriamo più nella nostra mente che nella realtà.”

- Seneca

[via]

Samurai Bringer è un fantastico gioco che porta avanti la tecnologia di Dead Cells e riesce a raggiungere lo stato dell'arte nel 3D to 2D workflow della pixel art.

Tutti gli asset su schermo sono dotati di un tracciamento esterno (outline) ben definito, senza anti-aliasing e questo caratterizza molto l'immagine. Sicuramente Alphawing ha impiegato molto tempo per sviluppare il sistema di shader che dà vita al gioco.

Alphawing JP
twitter
youtube

[via]

★ Art Design Deep Dive: Using a 3D pipeline for 2D animation in Dead Cells

★ 3D Models to Pixel Art with Clean Automatic Outlines (with blend file)

Picture perfect images with the modern <img> element ci spiega l'impatto di questo fondamentale elemento delle pagine web. Ci sono tre metriche di base delle quali tenere conto oggi:

Largest Contentful Paint:
- caricare in anticipo l'immagine più importante
- non sprecare pixel con immegini a risoluzione troppo alta
- lazy-load delle immagini fuori dalla pagina

Cumulative Layout Shift:
Per evitare fastidiosi spostamenti
- impostare le dimensioni corrette sulle immagini
- usare aspect-ratio nel CSS per riservare spazio

First Input Delay:
- evitare immegini che causano intasamento di rete mentre si caricano altri contenuti fondamentali: CSS e JS.

Molte di queste proprietà vengono preimpostate (baked) per default nei componenti coome Next.Js <Image> (React) e Nuxt Js (Vue)

[via]

Il nuovo elemento selectmenu

Open UI è un ente che si occupa di risolvere i problemi del codice web nelle pagine mostrate dai browser.

il nuovo <selectmenu> è un componente sviluppato recentemente in Cromium secondo le specifiche dettate per l'originale select, in modo che sia flessibile, standard ed facilmente estendibile.

webglfundamentals.org permette di capire passo a passo cosa succede nel browser quando visualizza un oggetto su schermo in 3D.

Khronos Group gestisce sia le API webGL che quelle openGL ed è in pratica il W3C per la grafica 3D.

webGPU

DirectX 12 by Microsoft
Metal by Apple
vulkan by Khronos Group

webGL

[via]

Top 10 ways to make better decisions ci racconta come affrontare il processo decisionale nel migliore dei modi:

1 Non temere le conseguenze
2 Seguire il proprio istinto
3 Considerare le proprie emozioni
4 Fare l'avvocato del diavolo
5 Tenere d'occhio la palla
6 Non piangere sul latte versato
7 Guardare la cosa da un altro punto di vista
8 Fare attenzione alla pressione sociale
9 Limitare le proprie opzioni
10 Fare scegliere a qualcun altro

Nel video "Make random patterns in Blender", viene spiegato come realizzare uno shader nel node editor di Blender per creare animazioni di pixel pattern.

Il risultato finale è scaricabile anche dal Gumroad di Daniel Grove.

altri video youtube dell'autore
sito ufficiale
Instagram

How to make sci-fi textures in Blender

In questo GDC Talk del 2021 Tyriq Plummer, autore di Catacomb Kids e al lavoro su UFO 50, si occupa di pixelart e animazione: 2D Animation for Games: A Primer

Principi:
11:45 Squash + Stretch; 13:51 Anticipation; 19:08 Timing; 21:41 Ease in, Ease out; 25:10 Arcs; 26:25 Follow-Through, Overlapping Action; 29:34 Exaggeration

Errori Comuni:
32:07 Too Many Frames; 35:27 Misuse of Smears; 38:15 Overanimating; 39:55 Thinking You Know Things; 42:10 Being Too Precious With Your Work; 43:36 Inconsistent size/mass

Altro:
47:01 Skeletal Animation; 52:35 Leverage Your Tools; 53:54 A Plea to the Engineers

twitter

Darkpattern Games promette di aiutare a trovare giochi mobile che non sono affetti dal problema dei Dark Patterns, gli innumerevoli trucchi che vengono usati con scorrettezza nei siti web e nelle app che ci spingono a fare cose contro la nostra volontà, come comprare o iscriverci a qualcosa.

★ Deceptive Design Hall of Shame
Different Types of Dark Patterns

esempi di dark pattern
hall of shame

Testing Distributed Systems (github) è una lista continuamente gestita e rinnovata sulle strategie migliori per il Testing di Sistemi Distribuiti.

- Panoramica degli approcci di test
- Approcci specifici in diversi sistemi distribuiti
- Sistemi a nodo singolo
- Tools

Microservice Testing: Introduction

Image Credit: [via]