Skip to content

Commit

Permalink
..°]><[°..
Browse files Browse the repository at this point in the history
  • Loading branch information
@bbaudry
bbaudry committed Jan 6, 2025
1 parent e85378a commit 04b9ec5
Show file tree
Hide file tree
Showing 4 changed files with 286 additions and 1 deletion.
95 changes: 95 additions & 0 deletions p5-experiments/sapin/plottablesapin-A4.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,95 @@
//pixel = dpi * mm / 25.4 mm
//each of the 5 sections is 120mm × 170mm
//96dpi is for plotting on the UUNA TEK iDraw
//w=210*96/25.4=793
//h=297*96/25.4=1122

var echelle = 1
var w = Math.floor(210 * 96 / 25.4) * echelle
var h = Math.floor(280 * 96 / 25.4) * echelle
var wpadding = 25.5
var hpadding = 20.25
var rightmargin = 0.93 * w
var leftmargin = 0.05 * w
var topmargin = 0.05 * h
var bottommargin = 0.95 * h
var actualwidth = rightmargin - leftmargin
var actualheight = bottommargin - topmargin
var cnv, imgbtn, gensvg, genpng

function getsvg() {
cnv = createCanvas(w, h, SVG).mousePressed(savesvg);
imgbtn = createButton("save svg");
placebtn();
imgbtn.mouseClicked(savesvg);
gensvg = true
genpng = false
}
function getpng() {
cnv = createCanvas(w, h);
imgbtn = createButton("save png");
placebtn();
imgbtn.mouseClicked(savepng);
genpng = true
gensvg = false
}

function centerCanvas() {
var x = (windowWidth - w) / 2;
var y = 0//(windowHeight - h) / 2;
cnv.position(x, y);
}

function placebtn() {
var x = (windowWidth - w) / 2;
var y = (windowHeight - h) / 2;
imgbtn.position(x - 200, y + h / 2 + 42)
}

function showcredits(posx, posy, credit) {
textFont(font)
textSize(fSize)
var coord = showcode(posx, posy)
text(credit, coord[0], coord[1])
}

function showcode(posx, posy) {
var allcode, c, tw
allcode = ''
for (var i = 0; i < sourcecode.length; i++) {
var token = sourcecode[i]
var notab = token.toString().replace(/\s/g, '').split('\r\n')[0]
allcode += notab
}
for (let i = 0; i < allcode.length; i++) {
c = allcode.charAt(i)
tw = textWidth(c)
if (posx + tw > rightmargin) {
posx = leftmargin
posy += fSize + 1
}
text(c, posx, posy)
posx += tw
}
posx = leftmargin
posy += 2 * fSize + 1
return ([posx, posy])
}


function drawvecs() {
for (let y = 0; y < nbrows; y++) {
for (let x = 0; x < nbcols; x++) {
push()
translate(leftmargin + x * res, topmargin + y * res)
rotate(field[y][x])
line(0, 0, res, 0)
pop()
}
}
}

function drawframe() {
rect(0, 0, w, h)
rect(leftmargin, topmargin, actualwidth, actualheight)
}
2 changes: 1 addition & 1 deletion p5-experiments/sapin/plottablesapin.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
//h=96*4=384
//padding=96*45/25=172

var echelle = 2
var echelle = 1
var w = 624 * echelle
var h = 384 * echelle
var rightmargin = 0.95 * w
Expand Down
23 changes: 23 additions & 0 deletions p5-experiments/sapin/sapin004.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="en">
<html>

<head>
<meta charset="UTF-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.5.0/p5.js"></script>
<script src="https://unpkg.com/[email protected]"></script>
<style>
body {
padding: 0;
margin: 0;
background-color: black;
}
</style>
</head>

<body>
<script src="plottablesapin-A4.js"></script>
<script src="sapin004.js"></script>
</body>

</html>
167 changes: 167 additions & 0 deletions p5-experiments/sapin/sapin004.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,167 @@
function preload() {
font = loadFont("../fonts/1CAMBam_Stick_9.ttf");
fileName = "sapin004"
sourcecode = loadStrings(fileName + '.js');
}


function savesvg() {
save("sapin004.svg");
}

function savepng() {
save("sapin004.png");
}

function setup() {
getsvg()
//getpng()
centerCanvas();
colorMode(HSB, 360, 100, 100, 250);
strokeCap(SQUARE)
background(0, 0, 100)
noFill()
initallfields()
frameRate(1)
}

var res = 7 //knob: density of the field
var steplength = res //knob: length of each curve
var nbcols = Math.floor(actualheight / res) + 1
var nbrows = Math.floor(actualwidth / res) + 1
var allfields = []

function draw() {
// drawframe()
// fill(0, 0, 0); stroke(0, 0, 100); strokeWeight(1)
// showcredits(leftmargin, bottommargin * 1.06, "al.my.re :: p5.js :: CamBam Stick [field 006). December 2024]")
background(0, 0, 100)
var field, len, vera, molnar
if (frameCount == 1) {
push()
translate(0, h)
rotate(radians(270))

stroke(0, 0, 0)
field = allfields[0]
len = field[field.length - 1].len
vera = field[field.length - 1].vera
molnar = field[field.length - 1].molnar
wave(Math.floor(random(21, 42)), field, len, vera, molnar)

stroke(0, 0, 0)
fill(0, 0, 0)
textFont(font)
var fSize=21
textSize(fSize)
var credit="al.my.re, janvier 2025"
text(credit, bottommargin-textWidth(credit), rightmargin + fSize)
var dedicace="pour mon amour . plus fort que la nuit"
text(dedicace, topmargin, rightmargin + fSize)

pop()
if (gensvg) { save("ptpx001-main.svg") }
}
if (frameCount == 2) {
push()
translate(0, h)
rotate(radians(270))

stroke(0, 100, 100); strokeWeight(3)
field = allfields[0]
len = field[field.length - 1].len
vera = field[field.length - 1].vera
molnar = field[field.length - 1].molnar
wave(1, field, len, vera, molnar)

pop()
if (gensvg) { save("ptpx001-guild.svg") }
noLoop()
}
}

function initallfields() {
var field = []
var len, vera, molnar
for (var f = 0; f < 9; f++) {
field = initfield(0.05)
len = Math.floor(random(37, 53))
vera = Math.floor(random(11, 29))
molnar = random(0.1, 0.42)
field.push({ len: len, vera: vera, molnar: molnar })
console.log(field)
allfields.push(field)
}
}

function initfield(noiseres) {
let angle, row, field, xoff, yoff
yoff = 0.0
field = []
for (let y = 0; y < nbrows; y++) {
row = []
yoff += noiseres
xoff = 0.0;
for (let x = 0; x < nbcols; x++) {
xoff += noiseres
let ikeda = noise(xoff, yoff)
angle = map(ikeda, 0.0, 1.0, 0, PI)
row.push(angle)
}
field.push(row)
}
return field
}


function wave(nbiter, field, len, vera, molnar) {bottommargin
for (var i = 0; i < nbiter; i++) {
scatteredline(i, len, vera, molnar, field)
}
}

function scatteredline(i, len, vera, molnar, field) {
var x1, y1, x2, y2, luxus
x1 = topmargin
y1 = leftmargin + actualwidth * molnar + i
x2 = vera * res * 2
y2 = (5 + i) * res
line(x1, y1, x2, y2)
x3 = x2 + actualheight * 0.4
y3 = y2 + 21 + i
luxus = drawcurveinfield(Math.floor((y2) / res), Math.floor((x2) / res), len, field)
beginShape()
var diffx = bottommargin - luxus.x
var diffy = Math.abs(y1 - luxus.y)
vertex(luxus.x, luxus.y)
bezierVertex(luxus.x + diffx * 0.2, luxus.y - diffy * 0.7, luxus.x + diffx * 0.7, luxus.y - diffy * 1.6, bottommargin, y1)
endShape()
}

function drawcurveinfield(row, col, len, field) {
x1 = col * res
y1 = row * res
if (row < nbrows) {
beginShape()
curveVertex(x1, y1)
curveVertex(x1, y1)
for (let i = 0; i < len; i++) {
angle = field[row][col]
x2 = x1 + steplength * cos(angle)
y2 = y1 + steplength * sin(angle)
curveVertex(x2, y2)
col = Math.floor(x2 / res)
row = Math.floor(y2 / res)
if (col >= nbcols || col < 0) { break } else { x1 = x2 }
if (row >= nbrows || row < 0) { break } else { y1 = y2 }
}

curveVertex(x2, y2)
curveVertex(x2, y2)
endShape()
return ({ x: x2, y: y2 })
}
else {
return ({ x: x1, y: y1 })
}
}

0 comments on commit 04b9ec5

Please sign in to comment.