jgh/p5js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

made new snake and index and liberary improvements

Browse Source
This commit is contained in:
Jürg Hallenbarter
2026-06-01 11:33:23 +02:00
parent 3d21e42d50
commit ee0d819d33
190 changed files with 3553 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
index.html
View File

@@ -5,10 +5,22 @@
</head>
<body>
<h1>p5.js liberay by me</h1>
<div style="width: 470px;">
<div class="liberayDiv">
<h2 >AbstractAlgorithms</h2>
<div id="liberay">
<iframe src="http://127.0.0.1:5500/liberay.html?sketches=Cubes.js,calmCircles.js,labyrinth.js,AbstractAlgorithm.js&size=200" frameborder="0"></iframe>
<div class="liberay">
<iframe src="http://127.0.0.1:5501/liberay.html?sketches=Cubes.js,calmCircles.js,labyrinth.js,AbstractAlgorithm.js&size=200" frameborder="0"></iframe>
</div>
</div>
<div class="liberayDiv">
<h2>Agents doing stuff</h2>
<div class="liberay">
<iframe src="http://127.0.0.1:5501/liberay.html?sketches=snake.js,MarkovChain.js,snakeAIEvolution.js,GameOfLive.js&size=200" frameborder="0"></iframe>
</div>
</div>
<div class="liberayDiv">
<h2>Images manipulation</h2>
<div class="liberay">
<iframe src="http://127.0.0.1:5501/liberay.html?sketches=2images.js,image.js,imageNoice.js,L-System.js&size=200" frameborder="0"></iframe>
</div>
</div>
</body>
@@ -22,7 +34,7 @@
background-color: beige;
}
#liberay {
.liberay {
height: 600px;
width: 600px;
}
@@ -34,5 +46,23 @@
margin: 0;
}
.liberayDiv {
width: 470px;
margin: 10px;
padding: 10px;
border: 2px solid rgb(67, 0, 67);
border-radius: 10px;
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
display: inline-block;
}
.liberayDiv:hover {
background-color: rgb(67, 0, 67);
color: white;
cursor: pointer;
}
</style>
<script>
</script>
</html>