test it here:
This week, I’ve been struggling with peer to peer connection. After many hours and Abhisheck’s help, I managed to create a chat, that can connect many users.
To call a person, the user must know their ID and use it to connect.
In the meantime, I started thinking of my midterm project.
I decided to work on my last week’s project. I want to create fully working video chat, where the user has the ability to add some filters to the videos and snap it. I was also thinking about creating an online webcam gif application.
I will try to work on that idea as well.
Here’s a LINK to my last week’s project
In this week, I was working on creating a collaborative chat.
I had some problems with separating mouse coordinates for each user. After solving this problem, I decided to move my canvas, what obviously caused another problem – the drawing was being created far from the mouse. I have a feeling that I solved it, but any small change in the code might mess it up again, so I rather won’t brag about it.
I keep trying to figure how to draw continuous line when pressing the mouse, but the fact that I have to send and display the drawing from the server makes it a very hard task to complete.
So far I managed to draw straight lines between each ‘click’ of the mouse.
I also added ‘login’ panel & clear button. Still fighting with continuous drawing.
Assignments: Get up and running with Node.js on Digital Ocean and the example Chat Application. Try to extend it a bit, make it better, more fun.
I had just too many crazy ideas for this homework… Eventually, I ended up trying to understand each line of my code? Did i succeed? – No. Did I improve? – Yes.
Here are a few goals I managed to achieve:
changing the background color each time someone sends a post.
- adding a footer
- adding a username
- adding a transparent box around text
I also managed to randomly change colors of text input and its position, but the visual effect wasn’t satisfying, so I quit the idea…
I tried to spread the text and locate each quote in a different part of the screen but kept moving the whole div instead… same with text colors.
Finally, I achieved a pretty neat effect:
After a very nice class, when I realized how much
I decided to create a webpage that shows 6 things that I love most (skipping photography).
I dig through my phone, and found some videos, that fit perfectly.
I decided on not showing the control panel and just be able to play the video.
The videos activate when the user hover over the posters.
I still have many things I wanna change, hopefully I’ll manage to fix my bugs soon.
My synchronous website is iScribble – interactive drawing and chatting website.
You can create public or private canvases and share it with many people. In the meantime, you can also chat.
I used to draw there while being in high school. It was a lot of fun back then.