Sundial
- 7 Devlogs
- 33 Total hours
Personal website but make it creative
Ship #1
✨ Blessed
What I’m making
Okay, you guys know the drill-Sundial is a personal website 
. The landing page lets you choose a sprite to carry with you to the actual page. You can move around, click on stuff and generally explore!
What I added
I majorly wanted to improve user experience 
so all updates are related to that, soo firstly,
- 🎼 I added sound effects when you click buttons, and background music.
- I also made a type of screensaver that opens up when you click on the object. Under the pop-up and the overlay some shapes float up and disappear before reaching the top! It was sooo satisfying to see it work
- Also added a custom cursor!
- Also realised I needed to actually link my other spritesheets for the boy one so did that too.
-
I added a general info button on the top bar. - I added a profile thing, updated my projects page, tweaked my contact me page’s backend a bit
- I also finally downloaded git! Idk how but the first time I tried using it, the code in my repo went back to the outdated version💀 💀 . Nearly gave me a heart attack. I’m a bit scared to mess my code up, so I’m going to stick to uploading files manually.
I really wanted to avoid shipping this until some other stuff on the more art side of things was done with, but I’m really slow. So I’ll ship this as an initial version, and add those things once I’m satisfied. I don’t want to rush and make something that just stresses me out/am unhappy with.
Cheers!
What I’m Making
- Sooo-I’m making a personal page/portfolio but slightly gamified. Choose a sprite, a name, walk around and click on stuff!! There’ll be background added music soon! Not to mention tons of art/animations because I want this to have ✨ personality✨
What’s new tho?
- Sooo I drew a few more objects to link pop-ups to, like a globe to show my timezone and a telephone for my contact page☎️
- A tree blossoming gif I made for my contact pop-up!
- Code-wise, I added a typing effect for text in certain parts. The UI/UX went through major improvements, I added a hover effect.
- For my pop-up I added a tab where you can draw me something and email it to me! I repurposed that for the painterly app in my webos lol . Shoutout to @Alisha for being super cool and letting me use her idea for this!
*
Tbh I’m running into some issues with receiving the pic, but I’ll troubleshoot it tmr for sure! Currently I’m receiving only the image data….and even if I draw a single line the image data is way too large for this to work. I’m trying to research how I can convert it to a file before it gets to me! But actually fixing it is a job for tmr!
- I’m going to lock in and try to ship this before this week ends. Think I can do it? No? Yeah, I don’t think I’ll be able to finish it either
Cheers!
PS: I’m having a bit of trouble attaching the gif, so I attached my spritesheet instead!
What I’m making
Personal website, made by someone who really wants to play a pokemon game that I used to play when I was little but can’t find now.
What I did
- I made a new pop-up for my art!! This was for sure the hardest thing I’ve done because I had to learn abt APIs and stuff and I felt it was terribly confusing.
-
Soo umm why did my art pop-up need APIs? I had this idea, that if sm was visiting the site, and they really liked a certain piece, they could like it! That’s why I had to learn abt APIs. Tbh I’m still confused what I’ll do when I upload it on Github, because I’m pretty sure its a Security Issue™ to just leave the info out in the open.
- Because this is a porfolio/ personal page I figured I’ll add a section abt education. I wanted to add some ✨ pizzaz ✨ to the pop-up!! So I drew a gif, recorded it to my lapse, and connected it to my hacktime!!!!
- I’m soooo happy with how it turned out!!!!! I didn’t think it would look nice, but it does! All in all, a preety good update.
Cheers!
#What I’m making
- A personal website, slightly gamified! The basic premise is that you choose a sprite, a name, move around a room and interact with the objects there. Some of them are going to be purely animated stuff that I’m going to work on pretty soon!!!
What I did
- Spent a bit of time improving the movement. Read: a lot of time. It’s a lot better now!
- Next I began with the interactive objects. I’m going to finish off the more code?/typing based work first before I begin with the animations for the pop-ups.
- I made a pop-up to show my projects! You click on the board abv the computer 💻 . I made an overview tab, a devlog tab (I just copied my devlogs on stardance) and a links tab for the readme and deployment and stuff
- A lot of time was spent on the css, but I’m happy with how it turned out. I might add like a bit of texture to the pop-up, maybe I’ll make a plaid background?
Anyway, have a great day!!!! Check out the video if you have time :)
ps-idk why my screen recording doesn’t show my sprite walking
It makes me sad 😭 😭
What I’m making
- A personal website, but make it creative. Last time, I just finished the landing page, where you choose a sprite and a name! The general look I’m going for is kinda like the pixel pokemon games
What I added 
- So I began by storing the user’s name and choice of character. Then I remembered that I needed to convert my animated gifs into spritesheets. I’ve never actually made this before, else I would have just done them as I was animating
- I made the UI, which is a isometric room and a topbar. Then came the fun part! Making the sprite move and not bump into the furniture. This was where I jinxed myself. My room was a flat image, and individually plotting areas where the sprite couldn’t move was….hard to say the least.
- I created a temporary debug code using where I could adjust the points, view the coordinates in my console and copy it into my code. It worked, but only to an extent. I was three seconds away from exiling myself to yt to learn blender to make a 3d model instead.
- Idk how, but in some stroke of inspiration, I decided instead of marking places that weren’t walkable, I’d mark the places that actually were.
- Things got a lot simpler from there. I drew over the walkable areas and inserted it. I kept it transparent so the code could see it but you can’t. IT WORKED, by some grace. It isn’t perfect, but soo much better.
Cheers!
What I’m Making
- I’ve been thinking about making a personal website for so long, but I simply didn’t like the idea of simply making a scrolling page with a sleek design. I think that websites can be so much more interesting than that! What I want to make is something with character and colour. Sooo here goes-
- I have a very distinct idea of what I want to make though I’m not sure if I can make it. But I’m going to try anyway lol. The theme is going to be pixel art!!!
- So today I locked in and made the landing page. I forgot to track the designing 😭😭 so this is only the coding time. The landing page has three avatars you can choose from, an info button and a keyboard for your username.
- All sprites are drawn and animated by me! Check out the video, I think this is coming along pretty nicely!
- Next devlog will be better, I’m in a rush rn
. I have my physics paper tmr and I haven’t studied yet 💀