Magic Frame (魔拍)


作者 Jingping Yu 日期 2016-03-02


Magic Frame is a 3D game developed with Unity3D as the essential engine, Maya and 3DSMAX as model makers, Photoshop and illustrator as UI designers, Visual Studio as the developing environment and C#, Javascript and Lua as the programming language. It is a multi-platform Puzzle Game available on WP, Android and iOS in which the player has to accumulate clues, figure out problems and utilize various items to find the fact behind the story. In some part of the game, the player also has to experience stealth mode to avoid being detected by robots and other devices. The game is enormously featured in its unparalleled operation method and is also distinguished by its vivid next-generation standardized models to enhance gaming experience.


Game Introduction is Available at: Magic Frame.pdf. You are more than welcomed to download and have a check!


After a two-days long sleep, our main character, Weymire woke up in a mysterious villadom. Unable to find any way out, anyone alive and any usable clues, he has to investigate more to survive and escape. He found a 3D-functional camera on his desk and it is capable of taking any photograph and take the items in the photograph into practical use. For example he can take the photo of a key, and then his camera would be capable of interacting with the corresponding lock. With this camera equipped, Weymire communicated with many memory clips and found out that the building turned out to be a secret military lab which was working on a new generation robot. The villadom is only a camouflage preventing other people from realizing its existence. Weymire was actually the top scientist in the project, yet he was also against the experiment. The robot is self-productive and could be duplicated into plenty of armies, hence it is a great threat to the human kind. At last Weymire destroyed the lab and exposed the secret to the world.


Magic Frame is featured in the following aspects:

  • a) Creatively use gravity sensor and compass inside smart phones to control the player’s visual angle instead of the traditional solution in which the player has to use his or her right hand to rotate around the screen. Our inspiration comes from StarWalk, an astronomy introduction software available on smart phones, in which users can aim their mobile phones at a specific part of the sky and the software displays the corresponding information based on the rotation angle and the facing direction of the mobile device.
  • b) Utilize various textures, normal maps and materials to reach the standard of a next-generation mobile game. Meanwhile the use of particle effects, physical engine and dynamic lighting makes the scenes elegant and real.
  • c) Available on smart phones and supports WP, Android and iOS systems. Supports operators with x86 and ARM architectures.
  • d) The game is greatly optimized so that even lower-hardware devices could run our game perfectly. The game could run a Xiaomi 1S and iPhone 5 without any pressure.
  • e) Raise a concern about artificial-intelligence. Our game is about AI and the gaming process and ending bethinks the players about the risk of artificial- intelligence.

Generally speaking, Magic Frame is a multi-platform 3D puzzle game with innovative operating interface, high quality 3D models, physics systems and a concern of the development of artificial intelligence. The unique operating method also help the player to experience naturally inside the fabricated world.

Core Play

The visual angle is controlled by the rotation and position of the player’s mobile phone. If the player rotates his mobile phone by a certain angle upwards, the camera inside the game would also rotate by the corresponding angle upwards. Hence, the player controls his mobile device naturally during his or her whole game experience. The essential core play of Magic Frame is taking photographs. The player interact with the fabricated world by taking various photographs. For example, if the player takes a picture of an item such as a lighter, he will get the lighter and put it into his backpack. The camera that the player holds could also by implemented with other items to be more functional. For example, if the player puts the lighter into the camera and takes a photo of a candle, then the candle would be lit. As demonstrated, the camera is the media between the player and the game world inside the game, and the unique operating way is the connection between the player and the game in the real world.

When it comes to interactions with NPCs, the player is to take photographs based on NPC’s requirements to make them willing to talk with him. The requirements include but not limited to positions, angles and items. The player has to take a photo to a correct item at a correct position with a correct angle to be accepted. For example if an NPC requires the player to take a photo of a splashing fountain, the player has to add more water into the fountain first, and them power on the fountain and move to the right position to take the photo. Such a system increases the interactions between the player and the game.


As one of the most essential principles of the establishment of Mistral, we greatly take care of user experiences. In order to maximize players’ entertainment, we have innovated in the following aspects:

  • a)  Optimize the logic of scripts to reduce the expense of hardware.
  • b)  Use low-poly models and integrated atlases to reduce draw-calls, triangles and vertices.
  • c) Use dynamic showing system, tutorial system, quest system, conversation system, save&load system and gallery system to enhance the experience.


All the models except the packages stated at the end of this document are created, constructed and ameliorated by our two 3D artists. The sense of beauty is greatly emphasized in Magic Frame, which is directly exemplified in the game.

Mistral also takes care of efficiency and execution. In order to reduce the expenses of hardware, we have optimized Magic Frame in many different aspects. When it comes to models, we utilized low-poly models to decrease the amount of triangles and vertices. We also integrated all the textures into 3 main atlases, which means the GPU could finish rendering all the models by calling the atlases only third times. Hence the efficiency is enormously increased.

When it comes to lighting and shadows, Mistral applies LightMapping to pre- bake the static objects in the scene and save the alterations caused by the lights into lightmaps, which means the GPU no longer needs to calculate these things each frame. However, in order to minimize the negative influences caused by the optimization, the dynamic objects are quite different. When they are visible to the player, they will be rendered each frame to make sure that they look more natural and real. Also in order to make them look more elegant, they are rendered in real- time mode, which means the lighting and shadows cast upon them change each frame.


Our game is never a demo. It is a complete game! All the necessary systems are provided in Magic Frame. All the systems are to be elaborated on as follows:

  • a) Tutorial System. Although the operations in Magic Frame are simple and self-explanative, the tutorial system is provided to make sure that the player can understand the operations thoroughly.
  • b) Conversation System. The player could talk to the NPCs in the game.
  • c) Quest System. The player could see his objectives, quests and achievements here.
  • d) Reminder System. All the important reminders all here. The play could analyze the information here to find more clues.
  • e) Gallery System. All the photos taken are displayed here. The player could determine which one to be saved into the system or which one to be deleted from the game.
  • f) Item System. The player could check his backpack and determine which item to equip.