Pens from sakri rosenstrom https://codepen.io/sakri/ en nospam@codepen.io Copyright 2024 2020-06-12T11:15:10-07:00 annotation task, ignore https://codepen.io/sakri/pen/VwvNjdz https://codepen.io/sakri/pen/VwvNjdz sakri rosenstrom

See the Code - See it Full Page - See Details

]]>
annotation task, ignore 2020-06-12T11:15:10-07:00
TS FP test ignore https://codepen.io/sakri/pen/pojxBbV https://codepen.io/sakri/pen/pojxBbV sakri rosenstrom

See the Code - See it Full Page - See Details

]]>
TS FP test ignore 2020-05-18T16:24:21-07:00
A Pen by sakri rosenstrom https://codepen.io/sakri/pen/yGYVxM https://codepen.io/sakri/pen/yGYVxM sakri rosenstrom

See the Code - See it Full Page - See Details

]]>
A Pen by sakri rosenstrom 2018-12-14T16:36:42-07:00
A Pen by sakri rosenstrom https://codepen.io/sakri/pen/BGXXqz https://codepen.io/sakri/pen/BGXXqz sakri rosenstrom

See the Code - See it Full Page - See Details

]]>
A Pen by sakri rosenstrom 2018-12-12T08:27:16-07:00
Cloudy 404 https://codepen.io/sakri/pen/bQYQoK https://codepen.io/sakri/pen/bQYQoK sakri rosenstrom

See the Code - See it Full Page - See Details

Random fluffy clouds morph to spell out 404 in a blue sky. Builds on my previous pen : https://codepen.io/sakri/full/KGJoJW/ . I'm using this as my 404 page on https://www.sakri.net , so for example : https://sakri.net/how_I_made_my_first_million.html ;) UPDATE (27/11/2018) : Now squeezed into 404 lines of code :)

]]>
Cloudy 404 2018-11-28T13:48:46-07:00
TS test, ignore https://codepen.io/sakri/pen/yQJLaw https://codepen.io/sakri/pen/yQJLaw sakri rosenstrom

See the Code - See it Full Page - See Details

Just trying out something in typescript

]]>
TS test, ignore 2018-11-26T15:28:59-07:00
Random cloud shape generator https://codepen.io/sakri/pen/eQOVLe https://codepen.io/sakri/pen/eQOVLe sakri rosenstrom

See the Code - See it Full Page - See Details

A quick demo explaining how the cloud shapes in my previous pen : "Fluffy Morphing Cloud" are generated. Points are plotted along a circle with a varying radius to create seemingly random shapes, without worrying about intersecting lines. To "flatten" the cloud shapes, I used an "egg" formula instead of a circle.

]]>
Random cloud shape generator 2018-11-02T13:41:31-07:00
Fluffy Morphing Cloud https://codepen.io/sakri/pen/KGJoJW https://codepen.io/sakri/pen/KGJoJW sakri rosenstrom

See the Code - See it Full Page - See Details

Calculates cloud fluff by using an Egg shape with varying radii, then populates two grids with circles, then interpolates between the two.

]]>
Fluffy Morphing Cloud 2018-11-16T17:12:39-07:00
Few lines of code, lots of lines https://codepen.io/sakri/pen/GZBmrv https://codepen.io/sakri/pen/GZBmrv sakri rosenstrom

See the Code - See it Full Page - See Details

I just noticed Object.getOwnPropertyNames() . I filter out the methods of Math Class and use them to plot a bunch of points and draw lines. Sometimes it looks cool, sometimes crap, performance is pretty bad :D

]]>
Few lines of code, lots of lines 2016-04-22T09:27:17-07:00
Canvas Vasarely https://codepen.io/sakri/pen/bpvBOd https://codepen.io/sakri/pen/bpvBOd sakri rosenstrom

See the Code - See it Full Page - See Details

I ran into a print by Victor Vasarely and wanted to try to recreate it in canvas.

]]>
Canvas Vasarely 2016-04-22T08:20:23-07:00