Skip to content

Commit 0926a25

Browse files
WojtekCodesTodayWojtekCodesToday
authored
Add files via upload
1 parent 04fc724 commit 0926a25

File tree

8 files changed

+1282
-35
lines changed

8 files changed

+1282
-35
lines changed

‎examples/index.js‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
//import Sprite from "https://raw.githubusercontent.com/JSInventions/scratch-player/main/index.js"
2+
import * as sJS from "../index.js"
3+
sJS.Host("C:\\Users\\TB\\Desktop\\scratch-player\\")
4+
//Sample app to host the renderer.

‎gui/costume1.svg‎

Lines changed: 42 additions & 0 deletions
Loading

‎gui/costume2.svg‎

Lines changed: 42 additions & 0 deletions
Loading

‎gui/index.html‎

Lines changed: 170 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,170 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<title>Scratch Emulator</title>
9+
<script src="guijs" type="module"></script>
10+
</head>
11+
12+
<body>
13+
<div id="gui">
14+
<div id="nav">
15+
<div id="text-nav">
16+
<h2 id="title">
17+
Scratch Emulator
18+
<h4 id="version">
19+
v0.1
20+
</h4>
21+
<h2>
22+
</div>
23+
</div>
24+
<div id="renderer">
25+
<button id="flag">
26+
<svg width="30px" height="30px" id="GreenFlag" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg"
27+
viewBox="0 0 16.63 17.5">
28+
<title>Run</title>
29+
<path class="cls-1"
30+
d="M.75,2A6.44,6.44,0,0,1,8.44,2h0a6.44,6.44,0,0,0,7.69,0V12.4a6.44,6.44,0,0,1-7.69,0h0a6.44,6.44,0,0,0-7.69,0" />
31+
<line class="cls-2" x1="0.75" y1="16.75" x2="0.75" y2="0.75" />
32+
</svg>
33+
</button>
34+
<canvas id="vm"></canvas>
35+
<h2>Description</h2>
36+
<textarea name="desc" id="desc" cols="30" rows="10"></textarea>
37+
</div>
38+
<div id="footer" onclick="document.location='https://scratch.mit.edu/users/wojtekgame'">
39+
<h4>
40+
Made with ❤️ by WojtekGame
41+
</h4>
42+
<div id="footer-1">
43+
<h4>Click here to go to his profile...</h4>
44+
</h4>
45+
</div>
46+
<script>
47+
const f = document.getElementById('footer');
48+
const f1 = document.getElementById('footer-1');
49+
f1.style.display = "none";
50+
f.onpointerenter = function () {
51+
f.style.height = "100px";
52+
f1.style.display = "block";
53+
}
54+
f.onpointerleave = function () {
55+
f.style.height = "60px";
56+
f1.style.display = "none";
57+
}
58+
</script>
59+
</div>
60+
</div>
61+
<style>
62+
#gui {
63+
font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
64+
}
65+
66+
#renderer {
67+
display: grid;
68+
justify-content: center;
69+
}
70+
71+
#version {
72+
margin-top: -40px;
73+
color: rgb(18, 90, 190);
74+
margin-left: 250px;
75+
}
76+
77+
#text-nav {
78+
margin-top: 10px;
79+
color: #ffffff;
80+
}
81+
82+
#nav {
83+
text-align: center;
84+
background-color: rgb(77, 151, 255);
85+
border-bottom-color: rgba(0, 0, 0, 0.1);
86+
border-bottom-style: solid;
87+
border-bottom-width: 1px;
88+
box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 3px 0px;
89+
color: rgb(87, 94, 117);
90+
display: block;
91+
height: 50px;
92+
left: 0px;
93+
position: fixed;
94+
top: 0px;
95+
right: 0;
96+
z-index: 10
97+
}
98+
99+
#GreenFlag {
100+
margin-top: 2px;
101+
}
102+
103+
#flag {
104+
background-color: transparent;
105+
border-width: 0px;
106+
cursor: pointer;
107+
width: 40px;
108+
height: 40px;
109+
margin-top: 50px;
110+
border-radius: 3px;
111+
}
112+
113+
#flag:hover {
114+
background-color: rgb(237, 237, 255);
115+
}
116+
117+
#vm {
118+
width: 480px;
119+
height: 360px;
120+
border-width: 3px;
121+
border-color: #000000;
122+
margin-top: 10px;
123+
border-style: solid;
124+
border-radius: 10px;
125+
border-color: gray;
126+
}
127+
128+
#desc {
129+
resize: none;
130+
width: 480px;
131+
height: 360px;
132+
border-width: 3px;
133+
border-color: #e9d045;
134+
background-color: #fff2a8;
135+
margin-top: 10px;
136+
border-style: solid;
137+
border-radius: 10px;
138+
font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
139+
font-size: 20px;
140+
}
141+
142+
#footer {
143+
text-align: center;
144+
position: fixed;
145+
left: 0;
146+
right: 0;
147+
bottom: 0;
148+
height: 60px;
149+
width: 300px;
150+
background-color: #b3b3b3;
151+
border-top-right-radius: 10px;
152+
user-select: none;
153+
cursor: pointer;
154+
}
155+
156+
.cls-1,
157+
.cls-2 {
158+
fill: #4cbf56;
159+
stroke: #45993d;
160+
stroke-linecap: round;
161+
stroke-linejoin: round;
162+
}
163+
164+
.cls-2 {
165+
stroke-width: 1.5px;
166+
}
167+
</style>
168+
</body>
169+
170+
</html>

‎gui/index.js‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
import * as sJS from "C:/Users/TB/Desktop/scratch-player/index.js"
2+
const Sprite1 = new sJS.Sprite("Sprite1", 1, ["costume1", "costume2"], 0, 0, 100, 90)
3+
Sprite1.script.motion

0 commit comments

Comments
 (0)