Three Dimensional

user_avatar Made by: Aidan_Fire
developer

PROJECT DESCRIPTION

Share this project:

The first 3D engine in HyperPad! (Yes, it's real 3D, just with no perspective) Pick one of three shapes to rotate around in isometric 3D, or using the editor you can make your own and post your shape code on the forums or comments.

How to use the editor:
Drag Point will simply drag a point around, make sure that the axis that appears always looks like one of the following: ╗ ╝ ╚ ╔, if it doesn't look like any of those then it will be very hard to draw with.
Move Point will let you enter the X, Y and Z coordinates of the point.
Draw Line is simple, after tapping Draw Line tap two points and they will join up, it might be a bit bugged right now and if you don't finish drawing the line something will go wrong.
Create Face: tap three points after tapping the Create Face label and a new face will form, this function is partially bugged because you have to tap the label every time you want to add a new face (unlike drawing lines), if you move a point while it is connected to a face the colour will temporarily not work properly (reload the shape by saving the code and loading it back to fix this), if you add a point while there are faces they will all dissapear, don't worry about this either, it will fix after you reload the shape.
Delete Face, Delete Point and Add Point are all working fine and do exactly as they say, Add Point will place one in the centre of the screen.

VERSION 1.6

Last Updated: September 21, 2022

-Delete Point now works properly
-Face lighting now works properly
-Added some settings options (you can change the update times for points and faces, the smooth transition buttons should be left on default for the best looking 3D)
-Added precise rotation (found in settings)
-Fixed an issue where trying to create faces on really small shapes (where the points are close to or are overlapping) would cause the face to join up wrong
-Fixed a small problem with dragging over faces and points when not in edit mode
-Added a temporary button to hide points below a certain y value until I think of a better way to make a layer editing system
-I liked DomiNation's diamond (from the forums) so I added it to the list

COMMENTS

YOU MUST BE SIGNED IN TO LEAVE A COMMENT

September 28, 2024

@Aidan_Fire

I know that but like it won’t let me play IT! YOU STUPID GOOFY AHHHhH!!!!

August 31, 2024

I’m never playing this again

August 27, 2024

@Oweywowey This is not even a game, it’s just a demonstration of real isometric simple 3D rendering using maths since hyperPad does not even support 3D. I made this years ago and haven’t updated it in years so I wouldn’t be too surprised if it doesn’t work properly.

August 27, 2024

First of all: it won’t let me play it

August 27, 2024

This is stupidest game in this app

August 21, 2024

This is awesome

February 14, 2022

@Cool123 Maths :)

February 05, 2022

How do you do that????

April 25, 2017

1,2,0,2,0,0,3,3,0,-1,3,0,2,5,0,1,4,0,0,5,0,0,0,0,1,6,0,2_1_3_6_1_6_6_4_8_1_5:6:9:7:6:9:| Stick Buddy

April 17, 2017

-2.203125,0,-0.0625,-0.140625,0,2.1875,2.109375,0,0.375,-0.078125,0,-1.453125,-0.078125,-0.171875,0.078125,0.046875,8.5,0,0.078125,4.734375,0,3.96875,5.84375,0,5:6:7:1:2:4:7:8:6:2:3:4:| Thats the flag I made

April 17, 2017

You can use the Move Point button to enter exact coordinates to make it neater, here's your flag but made neater and used the create line for the pole: -2,0,0,0,0,2,2,0,0,0,0,-2,0,0,0,0,9,0,0,5,0,4,7,0,7_5_5:6:7:7:8:6:1:2:4:2:3:4:| I will update this some more eventually, and use arrays for the code loader, this way it will be heaps quicker to load.

March 26, 2017

Could we get a 2 finger drag to move? Just drag with 2 fingers or something and it just moves the camera position so you can look at larger objects. And maybe a zoom too using the camera zoom out.

March 26, 2017

Yeah that will come up next, gonna try 2 finger pinching zooming too.

March 17, 2017

Good job Aidan..

March 12, 2017

Forgot to update description, you don't have to keep pressing Create Face any more every time you make a new face, works the same as draw lin except instead of tapping 2 points you tap 3.

March 11, 2017

I think this is beginning of something big! Who knows... maybe soon we can see 3D FPS shooter on hyperpad Or I'm just crazy :D

March 11, 2017

You're just crazy 😔 it's far too laggy to make any good game, I have an idea for a game though that I think will work, but it's quite simple. There's no way this could make a shooter if it can't even render a cube at 60 FPS.

March 14, 2017

It is possible, we just need to try different ways of making an fps shooter.

March 14, 2017

Ok, ill stop talking.

March 14, 2017

It would be possible, but the game would not even run at 1 frame per second lol, unless the player was just in a giant box room with a box for a gun.

March 14, 2017

Or gun sprites.

March 14, 2017

We could use sprites and some sort of hidden collision

March 14, 2017

It just won't work unless the game is made up of 2D pictures (so not using any of my 3D maths) or the shapes that make up the world are very simple and very few, my engine can't even render a simple cube at 60FPS so imagine it trying to render a map for a 3D shooter game 😕

March 17, 2017

For a shooter, try using raycasting.

March 09, 2017

You should make a hide lines button like with hide points and hide faces. Also, swiping on the k next itself should maybe rotate it when not in edit mode. Precise rotation might be a good idea too like what DGames135 suggested.

March 09, 2017

I'm not sure what you mean by swiping on the k next itself, I can add precise rotation and I probably will in the next update (that fixes delete point), I can't hide lines because they are spring attaches, there is no way to hide or change the colour of a spring attach unless you detach, but then I can't make them re attach without regenerating the object.

March 09, 2017

I meant swiping on the object itself, idk where autocorrect got "k next" from.

March 07, 2017

I keep forgetting that I already liked this :/.

....But I'm liking it more and more...

March 06, 2017

Just discovered very many problems about the delete point button, do not use it until the next update otherwise it'll ruin your entire shape!

March 06, 2017

How did you make it so it would keep rotating if you swipe fast?

March 06, 2017

Because I want to add that effect to my scrolling!

March 06, 2017

There is another layer with a large drag and drop physics object that takes up the entire screen.

March 06, 2017

Huh ok!

February 11, 2017

This is phenomenal! Excited to see how far you and the rest of the community can take this. Keep up the awesome work!

February 11, 2017

Thanks 🙂 I am thinking of finishing my editor so that other people can make shapes and share them using the codes, but I'm not sure anyone will use it except me.

February 10, 2017

This drag the shape is cool but I think the player should have option that include the arrows as it just makes things more precise. One last thing: You forgot to add new screenshots

February 10, 2017

Nice project, an idea I have is making the 0.1 timer on faces optional, for faster devices.

February 10, 2017

Maybe, I'm using an iPad Air and the cube with faces ran at like 10 FPS when the timer was at 0, I'll probably still add a text input or something so you can choose it yourself.

February 09, 2017

This is actually amazing! Best project on Hyperpad! We got a winner XD!

Anyways, it's a bit too laggy on my old iPad mini. Quite a shame, but I was able to fool around a bit. ;)

February 09, 2017

Lol maybe best concept project, but I wouldn't say best project on the hub, there are some pretty good games on the hub. This would certainly be the most complex though!

February 07, 2017

This is actually amazing.. like really amazing. The faces, and shading/rudimentary lighting is really advanced computer science stuff! I'm really impressed.

And what's even more crazy, is the built in shape editor. Added vertices, and lines. You've created a basic 3D modelling app. In the older days (and even now) 3D artists would create characters one triangle at a time like this. You should look up a poly modelling tutorial and try to make a complex shape like a head 😳.

Any ways great work.

February 07, 2017

I've tried a dodecahedron, but the points alone are too laggy, so adding the feces to that, oh gosh on my iPad Air I might be lucky to get 10FPS lol.

February 07, 2017

Would still be cool as a proof of concept haha :).

February 08, 2017

Feces? Lol, I think you mean faces 😂

February 08, 2017

I think you're a fece, and I wish my autocorrect would work properly in hyperPad comments 😛

February 08, 2017

🤣🤣🤣💩

February 07, 2017

Oh my gosh!!!! This is awesome.....I'd like it, but I already did a long time ago!!! Lol

February 07, 2017

Too bad I can't like twice!

February 07, 2017

Lol 😂 I used a bunch of maths to move, rotate, scale and skew a right angled triangle to conform to three points to make the faces. For the changed controls, that's just a giant empty object that has a drag and drop behaviour inside it and a bunch of other behaviours 😛

February 07, 2017

Yeah it's cool. Do you think you can get it working good enough performance wise to make an actual game?

February 07, 2017

I'm not sure, I'm not good with arrays, but I'm thinking instead of doing all the maths (the staircase of behaviours in the first screen shot down the bottom) I could make a massive array that stores all the values the 3D needs, like maybe 1 value for every 1° turn, however that would need to store 360 × 360 × 360 values! That is 46 656 000 values stored in an array.

February 07, 2017

Actually, since I'm not doing z axis rotations (where the shape can tilt sideways), that would be 360 × 360 = 129 600 array values.

February 07, 2017

😂 yeah I can't quite count that with my fingers! Lol

February 07, 2017

The old codes don't work any more, here are the new ones:

Tetrahedron (triangle base pyramid): -5,-5,5,5,5,5,-5,5,-5,5,-5,-5,1_2_1_3_1_4_2_3_2_4_3_4_1:2:3:1:3:4:1:2:4:2:3:4:|

Hexahedron (Cube): 5,5,5,-5,5,5,5,-5,5,-5,-5,5,5,5,-5,-5,5,-5,5,-5,-5,-5,-5,-5,1_2_1_3_1_5_4_2_4_3_4_8_6_5_6_2_6_8_7_8_7_5_7_3_1:2:3:1:3:5:1:2:5:4:2:3:4:3:8:4:2:8:6:5:2:6:2:8:6:5:8:7:8:5:7:5:3:7:8:3:|

Octahedron (diamond like or two square base pyramids stuck together): 5,0,0,0,0,5,0,0,-5,-5,0,0,0,5,0,0,-5,0,1_2_1_3_1_5_1_6_4_2_4_3_4_5_4_6_2_5_2_6_3_5_3_6_1:2:5:1:2:6:1:3:5:1:3:6:4:2:5:4:2:6:4:3:5:4:3:6:|

February 07, 2017

In case anyone wants to know how the code works: A comma after a number tells the generator that is it's X, Y or Z position (x,y,z,x,y,z,...), an underscore after a number tells the generator that is the ID of the first point that makes up a line (first point_second point_first point_second point_...), a colon after a number tell the generator that is the ID of one of three points that will make up a face (the generator makes faces in triangles only, but you can still make a square by putting two triangles together) (first point:second point:third point:first point:second point:third point:...). I don't remember why, but with my generator every single code that is made must end in a | symbol (or any symbol really, as long as it isn't any of the symbols the generator uses).

I want to make just a filled in triangle, one point will be at x of 0, y of 10, another will be at x of -5, y of 0, and another at x of 5, y of 0 and all three point will have a z position of 0. To get just these points working, all I need to type into custom is 0,10,0, for the first point, -5,0,0, for the second point and 5,0,0, for the third, and just join them all together to make 0,10,0,-5,0,0,5,0,0,| (not forgetting the random symbol at the end). Now I want to join them all together with lines. This is pretty easy, I just need to connect the first point (which has an ID of 1, because it is the first point that the code generator will find) to the second point (ID of 2), then the first to the second and the second to the third (ID of 3), so that makes 1_2_ and 1_2_ and 2_3_. Join this all together, and the new code is 0,10,0,-5,0,0,5,0,0,1_2_1_3_2_3_|. Now I want to create a face. This is also easy, because this shape is already just a triangle, I only need to add one triangle face. I need to connect point 1, point 2 and point 3 together. It doesn't matter what order it is in, so that could be 1:2:3: or 1:3:2: or 3:2:1:, any will work as long as it has all 3. Joining this all together makes the code 0,10,0,-5,0,0,5,0,0,1_2_1_3_2_3_1:2:3:| and we're done! A simple 2D triangle that can be rotated around in 3D.

November 24, 2016

I should fix the typo in the title...

November 24, 2016

You should. Also, dodgy editor needs XYZ input and dodgy editor is dodgy when you place points, it only works for editing existing points 😑

February 07, 2017

Dodge editor still doesn't work, but the typo in the name is fixed!

August 28, 2016

Wanna break hyperPad? Scroll to the right, I bet you can't do that in any other project lol. (hyperPad 1.15)

August 30, 2016

1: Its doing that for you too!? I thought I was going crazy!

2: Amazing game! Great job on the behaviors... I dont have any grasp on them 😜

August 30, 2016

What? It's not doing it today... I can't do it any more! Server updated? (The hub is a website, not the hyperPad app)

August 30, 2016

Really? I can still do it 😀

August 30, 2016

Strange, I can too now...

August 17, 2016

How does it work. I mean Hyperpad works on a 2D engine but this is just cool. By the way thanks for supporting my game. I never thought that one of the best "developers" would like my game.

August 17, 2016

It works with a lot of trigonometry and maths, the rotation is broken (super fast) because the trigonometry functions were broken in the previous version (1.14), in 1.15 they are fixed but I have to delete them all and re add them for them to work properly. I'll be releasing an update to fix this along with being able to make and edit shapes 😀

August 17, 2016

That's because your game is actually good, an ACTUALLY WORKING FNAF game haha. Too bad not many people will play it because of how many bad FNAF games they probably wasted their time on.

August 17, 2016

Thanks for the support and because You've been such a supportive fan If you want I can give you a shoutout in the description. ( just to thank you)

August 17, 2016

Nah it's fine, I play and comment on your games, you play and comment on mine 😊

November 14, 2016

It just had to be trigonometry. The subject I failed the most. Yay 😊

November 14, 2016

Haha, I don't really know 3D trigonometry that well, I kinda got the formula off the internet and made my game work with it, which wasn't that easy

August 10, 2016

Could you slow down how fast the up and down arrows adjust the numbers.

August 10, 2016

It's fast because hyperpad changed Math Function one update, it used to be degrees now it's radians, I'll have to update it soon to account for that.

August 17, 2016

That's wrong it wasn't radians it was just completely broken lol

August 09, 2016

Grats :)

February 24, 2016

I challenge someone to somehow make a rectangular prism code before I release a draw tool.

February 24, 2016

The hexagonhedron in V 1.2 Is A square 🤔

February 24, 2016

The hexahedron is a more technical name for a cube (hex meaning 6, cube has 6 faces).

February 24, 2016

I didn't know this XD

February 23, 2016

In case anyone wants to know the codes of all the objects:

Tetrahedron (triangle base pyramid): -5,-5,5,5,5,5,-5,5,-5,5,-5,-5,-5_-5_5_5_5_5_-5_5_-5_5_-5_-5_-5_-5_5_-5_5_-5_5_5_5_5_-5_-5_-5_5_-5_5_5_5_-5_-5_5_5_-5_-5_|

Hexahedron (Cube):5,5,5,-5,5,5,5,-5,5,-5,-5,5,5,5,-5,-5,5,-5,5,-5,-5,-5,-5,-5,5_5_5_-5_5_5_5_-5_5_-5_-5_5_5_5_5_5_-5_5_-5_5_5_-5_-5_5_5_5_-5_-5_5_-5_5_-5_-5_-5_-5_-5_5_5_-5_5_-5_-5_-5_5_-5_-5_-5_-5_5_5_5_5_5_-5_-5_5_5_-5_5_-5_5_-5_5_5_-5_-5_-5_-5_5_-5_-5_-5_|

Octahedron (diamond like or two square base pyramids stuck together): 5,0,0,0,0,5,0,0,-5,-5,0,0,0,5,0,0,-5,0,0_5_0_5_0_0_0_5_0_0_0_5_0_5_0_-5_0_0_0_5_0_0_0_-5_0_-5_0_5_0_0_0_-5_0_0_0_5_0_-5_0_-5_0_0_0_-5_0_0_0_-5_5_0_0_0_0_5_0_0_5_-5_0_0_-5_0_0_0_0_-5_0_0_-5_5_0_0_|

Octahedron inside a hexahedron (not in the game, past into custom): 5,5,5,-5,5,5,5,-5,5,-5,-5,5,5,5,-5,-5,5,-5,5,-5,-5,-5,-5,-5,5_5_5_-5_5_5_5_-5_5_-5_-5_5_5_5_5_5_-5_5_-5_5_5_-5_-5_5_5_5_-5_-5_5_-5_5_-5_-5_-5_-5_-5_5_5_-5_5_-5_-5_-5_5_-5_-5_-5_-5_5_5_5_5_5_-5_-5_5_5_-5_5_-5_5_-5_5_5_-5_-5_-5_-5_5_-5_-5_-5_5,0,0,0,0,5,0,0,-5,-5,0,0,0,5,0,0,-5,0,0_5_0_5_0_0_0_5_0_0_0_5_0_5_0_-5_0_0_0_5_0_0_0_-5_0_-5_0_5_0_0_0_-5_0_0_0_5_0_-5_0_-5_0_0_0_-5_0_0_0_-5_5_0_0_0_0_5_0_0_5_-5_0_0_-5_0_0_0_0_-5_0_0_-5_5_0_0_|

February 23, 2016

Lol that didn't work like I had hoped... Now people can scroll sideways in the comments. Looks like it happened because I pasted text that had no enters and was too long to fit into a comment.

March 05, 2016

Okay I thought it was glitchy but it's a long comment

March 05, 2016

It is glitchy, can you scroll to the right to get more text on a blank page? I can, seems pretty glitchy to me 😛

March 05, 2016

This is really strange, just after I commented it fixed itself.

February 21, 2016

This is incredible! It's functions are Terrific! I branched it and couldn't understand a thing! 😆

February 21, 2016

Haha if you could be bothered, this website explains it well http://www.skytopia.com/project/cube/cube.html

February 23, 2016

Agreed!

February 20, 2016

PROBALY going to use this for something, I can feel this will game will be important soon

February 20, 2016

I don't think it will be able to be used for a game yet, I need to add perspective and even if I do there's no way to make a flat surface (instead of wireframe) unless hyperpad add fill behaviours or warp object (like moving the corners of the object to points)

February 20, 2016

I wish I didn't send comments that quickly, press post then have something else to say... But this can be used for 3D object drawing, and that's what I'm working on.

July 10, 2016

If someone can build onto this it can be a 3D game!

February 18, 2016

I can quite easily add a drawing system for this by allowing you to enter numbers for the X, Y and Z coordinates of each point, but it isn't really that easy to draw an object just by using numbers. What do you guys want? Want me to just realease an update where you can enter coordinates and maybe try to add a better drawing tool later or want the next update to have a drawing tool? What would also be really cool is when I add a code for a 3D object you just drew, so you could comment the code for the object you made and other people could copy and paste it. Maybe in the update after the next I'll do that. Comment whether you want me to just make simple coordinate entering for cube points for next update so I can get to object codes quicker or concentrate of a good drawing tool.

February 18, 2016

I would say probably both, but IDK

February 18, 2016

Can't you make points and attatch lines that you can drag with them? That would make it even cooler and it would be better for making different objects and such. You could keep the numbers option and the arrows obviously, but I think this should be your main focus.

February 18, 2016

That's what I was planning, you would be able to switch between 3 planes (XZ, YZ, XY) to edit your shape, I think the hardest part would be the line attaching system because all the points are spawned. Also getting them to make lines after you paste a code for someone's shape.

July 10, 2016

I know what you should do! Make the behaviors in a way that someone branching can make a 3D game by putting in coordinates and doing some more coding for stuff like a title screen.

July 10, 2016

Yeah I might do something like that eventually, I was working on a draw tool last time I was editing this, not sure when I'll get back to this project.

February 16, 2016

Guys, I know everyone is impressed and excited for Aidan's 3D accomplishments, but can we keep the comments to be proper english sentences?

February 16, 2016

Lol ok I will too 😛

February 16, 2016

Good graphics, concept, and overall math skills. You should change the text to another color and not the default one, it's not a nice shade of green. Is that English?

February 16, 2016

OMG!!!!!!!!!!!!!!!!¡

February 16, 2016

What.....the......hell.....

How??

February 16, 2016

MATHS

February 16, 2016

This is awesome! Keep up the good work.

February 16, 2016

3D CUBE!!!

February 16, 2016

Cubecubecubecubecubecubecubecubecubecubecube I'm so excited!

February 16, 2016

The cubiest cube I've ever cubed. Sorry if I'm posting too many random excited comments.

February 16, 2016

Wow! Genius...

February 16, 2016

You finished it! Now for a 3D world generator...

February 16, 2016

Yea. Someone needs to make a 3D base for making games

February 16, 2016

3D stuff should be possible if you shrink and expand different graphics that form one object. I will try to make a project that shows this

February 16, 2016

perspective 3d would be possible by transforming the points, but the graphics can't be rotated in three dimensions

February 16, 2016

I think I'll be able to do perspective 3d world generation, but I doubt it'll look very good because the lines won't change size so you'll just see a whole bunch of lines overlapping, if I just use his isometric project I think I could skew, scale, and rotate a graphic to be a face of a cube, which i can then use to render a 3d world with textured blocks (like isometric Minecraft)

February 16, 2016

I can easily make more than one cube in the screen, next update will have a bunch of shapes, and the next update after that will let you make your own shape then I will try perspective.

February 16, 2016

I see what you mean. The graphic can be rotated and shrunk by X and Y but as far as I know it cannot lean to one side (for example the top and bottom stay horizontal while the sides go diagonal).

February 16, 2016

The Skew behaviour in Transform

February 16, 2016

Ok. So a 3D shape with sides is possible. Can't wait to see some 3D games!!!

February 16, 2016

Sadly it would only work in isometric, won't be able to get faces for objects in perspective because they aren't parallel, skew is.