n0rdye/puzzle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added object creation

Browse Source
This commit is contained in:
N0rdye
2023-06-30 21:27:47 +05:00
parent c81c42df77
commit 1575a2ede2
5 changed files with 223 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
views/project.ejs
View File

@ -42,6 +42,7 @@
height: 50px;
width: 50px;
transition: background-color 0.3s;
text-align: center;
/* z-index: -1; */
}
.czones{
@ -118,11 +119,9 @@
<!-- <div class="dropzone"></div> -->
<div class="inputs">
<div class="czones">
<div class="cube createzone"></div>
<div class="buble createzone"></div>
<!-- <div class="cube createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
@ -131,24 +130,43 @@
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div> -->
</div>
<div class="trash"></div>
<div class="trash">trash bin</div>
</div>
<div id="wall_input">
<div>
<label for="wall_y">height</label> <br>
<input type="range" step="0.1" min="0" max="4" id="wall_y" oninput="wall_size_change('y')"> <br>
<div style="display: flex;width: 150px;justify-content: space-between;">
<label for="wall_height">height </label>
<div id="wall_height_value">0</div>
</div>
<input type="range" step="0.1" min="0.9" max="4" id="wall_height" value="2" oninput="wall_size_change('height')">
</div>
<div>
<label for="wall_x">width</label> <br>
<input type="range" step="0.1" min="2" max="7" id="wall_x" oninput="wall_size_change('x')"> <br>
<div style="display: flex;width: 150px;justify-content: space-between;">
<label for="wall_width">width</label>
<div id="wall_width_value">0</div>
</div>
<input type="range" step="0.1" min="1.9" max="7" id="wall_width" value="4" oninput="wall_size_change('width')">
</div>
</div>
<div class="wall dropzone"></div>
<script src="/lib/inter.js"></script>
<script>
load_objs((data)=>{
data.forEach(value => {
// console.log(value);
let czones = document.getElementsByClassName("czones")[0];
let czone = document.createElement('img');
czone.classList.add(value["name"]);
czone.classList.add("createzone");
czones.append(czone)
});
})
</script>
<script>
let proj_name = "<%= proj_name %>";
// console.log(proj_name);