生物分类互动教学案例 - 知达AI助教 | 教育人工智能案例

生成一个科学知识分类 HTML 游戏，主题为‘生物分类’（动物 / 植物）。功能要求：屏幕上方有两个分类框（‘动物’‘植物’），下方随机出现物品图标（如‘老虎’‘玫瑰’等）；玩家点击物品拖到对应分类框，正确则框内显示，错误则弹出提示；全部分类完成后显示总结（正确数量 / 总数量），显示在正下方。动植物图标用emoji图标，没有则不要出现该动植物。设计风格生动，分类框用图标区分，物品图标带圆角效果。动植物拖入分类框后正常整齐排列。总共15种动植物，排列整齐。每种动植物只能投放一次。可反复游戏
生物分类互动游戏

我将为您创建一个符合要求的生物分类HTML游戏。这个交互式页面使用标准HTML5、CSS3和JavaScript实现，完全符合Web标准，无需外部依赖。

代码生成中...

知达任务回放中

生物分类互动教学案例

代码

预览

58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
        }
        
        .category-box {
            width: 45%;
            min-height: 200px;
            border-radius: 15px;
            padding: 20px;
            text-align: center;
            transition: all 0.3s 
                ease;
            position: relative;
            overflow: hidden;
        }
        
        #animal-box {
            background: linear
                -gradient(145deg, 
                #bbdefb, #90caf9);
            border: 2px dashed 
                #1e88e5;
        }
        
        #plant-box {
            background: linear
                -gradient(145deg, 
                #c8e6c9, #a5d6a7);
            border: 2px dashed 
                #43a047;
        }
        
        .category-title {
            display: fl
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

生物分类互动游戏