我在为学校做一个HTML5ENCSS3项目。
这个项目的目标是教幼儿如何计算简单的方程式。
学习这个的第一步是教他们识别不同形状的数字。
第一个练习是：
显示一个随机数，让子对象选择一个三维立方体并将其拖动到网格中。
网格中的立方体数量应该与给定的数量一致。
示例如下：
我不知道从哪里开始。我知道HTML5中的画布，但我并不太熟悉它。
当立方体靠近时，我怎样才能把它们咬合到位？
如何在HTML5中绘制3D立方体？
如何检查屏幕上绘制了多少个立方体？
我能画一些比立方体更让孩子们喜欢的东西，但仍然有3D效果吗？
最重要的是它能在iPad上运行吗？
一个专用的应用程序是不可能的，因为它也应该能够在桌面上运行。
希望你们能找到一个好的解决办法。
谢谢
最佳答案
在ios浏览器上制作genuin 3D cube的唯一方法是css3
您可以将此多维数据集（图形表示）放入表示其逻辑的当前元素中，并使用标准浏览器方式管理drag and dropUsefully library，由于这是基于DOM的实现，因此可以使用css对其进行样式设置。您可以添加颜色过渡，动画延迟，甚至变形与css3 transition它将有更好的性能比js动画。而且它更容易实现。
这里（video，images）是来自沃尔特迪斯尼工作室的非常酷的动画指导，帮助您使其具有视觉吸引力。
关于javascript - 可拖动到网格的3D立方体，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23832369/