初始化提交

template-example/sence/sence1/index.less

@@ -0,0 +1,53 @@
+.test-sprite {
+  width: 100px;
+  height: 100px;
+  background-color: #ff5722;
+  border-radius: 50%;
+  cursor: pointer;
+  position: absolute;
+  top: 50px;
+  left: 50px;
+  border: 2px solid #e64a19;
+}
+
+.test-box {
+  width: 200px;
+  height: 50px;
+  background-color: #2196f3;
+  color: white;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  top: 200px;
+  left: 50px;
+  border: 2px solid #1976d2;
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+.test-text {
+  position: absolute;
+  top: 300px;
+  left: 50px;
+  color: #333;
+  font-size: 20px;
+  font-weight: bold;
+}
+
+.menu-item {
+  width: 150px;
+  height: 40px;
+  background-color: #9c27b0;
+  color: white;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  left: 50px;
+  border: 2px solid #7b1fa2;
+  border-radius: 4px;
+  cursor: pointer;
+  font-family: Arial, sans-serif;
+  font-size: 16px;
+}

template-example/sence/sence1/index.pe

@@ -0,0 +1,37 @@
+<sence>
+    <sprite class="test-sprite" @click="console.log('Sprite clicked!')"></sprite>
+    <box class="test-box">Hello PE!</box>
+    <text class="test-text">Welcome to PE Engine</text>
+    <box for="{label,action} in boxList" @click="onMenuClick(action)" class="menu-item">
+        {{ label }}
+    </box>
+    <text for="{label} in boxList">
+        {{label}}
+    </text>
+</sence>
+
+<script>
+const boxList = [{
+    label:"开始游戏",
+    action:"start"
+},
+{
+    label:"读取存档",
+    action:"loadgame"
+}]
+
+let count = 0
+
+onLoad(()=>{
+    console.log("Scene loaded - Lifecycle callback working!")
+})
+
+onShow(()=>{
+    console.log("Scene shown - Lifecycle callback working!")
+})
+
+function onMenuClick(act){
+    count++;
+    console.log("Menu action:", act, count)
+}
+</script>

template-example/sence/sence2/index.pe

@@ -0,0 +1,29 @@
+<sence>
+    <div class="test-element">Hello PE Engine!</div>
+</sence>
+
+<script>
+window.onLoad(()=>{
+    console.log("Simple test scene loaded")
+})
+</script>
+
+<style>
+.test-element {
+    width: 200px;
+    height: 100px;
+    background-color: #4CAF50;
+    color: white;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: absolute;
+    top: 100px;
+    left: 100px;
+    border: 2px solid #45a049;
+    border-radius: 4px;
+    font-family: Arial, sans-serif;
+    font-size: 18px;
+    font-weight: bold;
+}
+</style>

template-example/sence/sence2/sence2_1/index.pe

@@ -0,0 +1,32 @@
+<sence>
+    <box class="test-box">测试盒子</box>
+    <sprite class="test-sprite"></sprite>
+</sence>
+
+<script>
+window.onLoad(()=>{
+    console.log("测试场景加载完成")
+})
+</script>
+
+<style>
+.test-box {
+    width: 200px;
+    height: 100px;
+    background-color: green;
+    border: 2px solid darkgreen;
+    color: white;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 20px;
+}
+
+.test-sprite {
+    width: 100px;
+    height: 100px;
+    background-color: purple;
+    border-radius: 50%;
+    margin-top: 20px;
+}
+</style>