Web Development - WAYWO - #8

[Cyberuben]

[QUOTE=Geit;45581862][IMG]http://imgkk.com/i/egw3.jpg[/IMG]

[url]http://heatmaps.tf[/url] - Nearly done now, just got filters and zooming to do. Oh and a code cleanup, because it's a disgusting mess.[/QUOTE]

Where does the data come from?

-edit-
Sorry I'm fucking retarded and can't read.

-edit2-
I was actually planning on writing some Lua for Garry's Mod, so that heatmaps can be generated for competitive maps. Which weapon is used where, basically.

[tW4r]

I know that this isn't as well coded (mostly tutorials) or well designed, but I'm making a Web front end for my own made screenshot sharing tool
[IMG]http://screen.tw4r.ga/shots/public/fp_screen_fe1.png[/IMG]

[graymic]

Working on this website, proving to be quite a fun and challenging piece!
[url]http://www.rkcryr.com[/url]

[Cyberuben]

[QUOTE=graymic;45584048]Working on this website, proving to be quite a fun and challenging piece!
[url]http://www.rkcryr.com[/url][/QUOTE]

Have you actually worked for all those companies or are those just placeholders? o.O

If real, I'm quite impressed.

[graymic]

[QUOTE=Cyberuben;45584504]Have you actually worked for all those companies or are those just placeholders? o.O

If real, I'm quite impressed.[/QUOTE]

They aren't placeholders. I've personally not worked on all of them, no. I've only been with the guys for a around a year now. It's a small team but they've done some smashing stuff imo.
But it was me and another front-end developer who did this website and a few others on there.

[vladka24]

A friend of mine made an animation for my homepage of my site, and I also did some redesigning

Goto the website to check it out(the video may not work on mobile and some browsers):
[url]https://vladstudio.biz/[/url]

[t]http://puu.sh/aDHz7/e3ccfdbfb9.png[/t]

[sambooo]

[QUOTE=Geit;45581862]imagesnip

[url]http://heatmaps.tf[/url] - Nearly done now, just got filters and zooming to do. Oh and a code cleanup, because it's a disgusting mess.[/QUOTE]

Looks cool as fuck if you turn intensity down really low and radius really high. Nice work man!

[editline]4th August 2014[/editline]

Just a note: "GET/data/kills/<map>.json" is missing a space on your api page

[tW4r]

So I have somewhat finished my first PHP project, it is supposed to display all screenshots that I take with my own sreenshot tool. This was made mostly for learning purposes, so I'd like any critique and tips, both design and coding wise.
[IMG]http://screen.tw4r.ga/shots/public/Screen%20Shot%202014-08-02%20at%2010.31.35.png[/IMG]
[URL="http://screen.tw4r.ga/"]http://screen.tw4r.ga/[/URL]

Thanks in advance

[vladka24]

[QUOTE=tW4r;45587037]So I have somewhat finished my first PHP project, it is supposed to display all screenshots that I take with my own sreenshot tool. This was made mostly for learning purposes, so I'd like any critique and tips, both design and coding wise.
[IMG]http://screen.tw4r.ga/shots/public/Screen%20Shot%202014-08-02%20at%2010.31.35.png[/IMG]
[URL="http://screen.tw4r.ga/"]http://screen.tw4r.ga/[/URL]

Thanks in advance[/QUOTE]
Honestly, it looks good but also kinda of confusing. Because the div that the image is in is the same color as the navbar and for some reason my brain is weirded out. It also looks weird on large displays.

[t]http://puu.sh/aE4lg/2f4d99cdda.png[/t]
([url]http://puu.sh/aE4lg/2f4d99cdda.png[/url])

[tW4r]

[QUOTE=vladka24;45587196]Honestly, it looks good but also kinda of confusing. Because the div that the image is in is the same color as the navbar and for some reason my brain is weirded out. It also looks weird on large displays.

[t]http://puu.sh/aE4lg/2f4d99cdda.png[/t]
([url]http://puu.sh/aE4lg/2f4d99cdda.png[/url])[/QUOTE]

Thanks for the tips, I modified my site based on your suggestions:
[IMG]http://screen.tw4r.ga/shots/public/v3%20demo.png[/IMG]

I would be grateful if you could evaluate it now and test it out on your big display, thanks in advance

[URL="http://screen.tw4r.ga"]http://screen.tw4r.ga[/URL]

[roekelt]

Garrysmod Tycoon <3
[IMG_THUMB]http://i.imgur.com/g8frI4p.png[/IMG_THUMB]
([url]http://i.imgur.com/g8frI4p.png[/url])
Will make use of JQuery and Javascript for the real-time updating of stats, and uses PHP for the overal backend/page generation.
(I got the feeling i should add a disclaimer that it in no way creates an actual server :P)

Hehe, exploiting your own site.
[IMG_THUMB]http://i.imgur.com/eaYjxne.png[/IMG_THUMB]

[Cyberuben]

[QUOTE=vladka24;45584945]A friend of mine made an animation for my homepage of my site, and I also did some redesigning

Goto the website to check it out(the video may not work on mobile and some browsers):
[url]https://vladstudio.biz/[/url]

[t]http://puu.sh/aDHz7/e3ccfdbfb9.png[/t][/QUOTE]

Sorry but it really makes me think of those free wix.com flash websites...

[KmartSqrl]

[QUOTE=vladka24;45584945]A friend of mine made an animation for my homepage of my site, and I also did some redesigning

Goto the website to check it out(the video may not work on mobile and some browsers):
[url]https://vladstudio.biz/[/url]

[t]http://puu.sh/aDHz7/e3ccfdbfb9.png[/t][/QUOTE]

Why is there so much space between the ' and the s in "Vlad's"?

[PortalGod]

[QUOTE=KmartSqrl;45590178]Why is there so much space between the ' and the s in "Vlad's"?[/QUOTE]

related, if you're trying to establish a brand you should really look into using a hand-done logo instead of just a script font

[vladka24]

[QUOTE=tW4r;45587699]Thanks for the tips, I modified my site based on your suggestions:

I would be grateful if you could evaluate it now and test it out on your big display, thanks in advance

[URL="http://screen.tw4r.ga"]http://screen.tw4r.ga[/URL][/QUOTE]

Looks much better!
[t]http://puu.sh/aEDSD/e0b61606a8.jpg[/t]
[url]http://puu.sh/aEDSD/e0b61606a8.jpg[/url]

[Th3applek1d]

[QUOTE=Silentfood;45474795]I saw some guy in programming WAYWO [url=http://facepunch.com/showthread.php?t=1405898&p=45455690&viewfull=1#post45455690]working on an application[/url] that syncs a movie and streams it to a friend so you can watch it at the same time. I've spent the last few days trying to make the same idea but built into the browser, it's come along alright so far.

[t]http://up.nlan.org/R.jpg[/t]
[url]http://nlan.org/testing/[/url]

That being the code behind it is shit and piss, from what I've tested so far it's working as planned. I think there's some lag issues due to the bad code behind the video, but I'm slowly refining it. It uses (somewhat) p2p to stream mp4's to multiple connected clients upon someone who acts as a "host". The audio is streamed through as standard audio media, but I was not too sure on how to process the video tag as a stream that wouldn't affect the player controls. So it paints to a canvas which is bad in many ways, but it's pulling it off through jpeg to speed it up.[/QUOTE]

A little late, but this is fucking great.

Can't tell you how often my long distance partner and I want to watch something together so we have to count and pause and unpause and shit like that.
Please continue working on this.

Also, is there any way you can add like controls for the player for the viewer? That would be awesome.

[Bushmaster030]

If you use sublime, what does it look like?

Mine:
[img_thumb]http://i.snag.gy/KYiyM.jpg[/img_thumb]

[tisseman890]

[QUOTE=Bushmaster030;45595008]If you use sublime, what does it look like?

Mine:
[img_thumb]http://i.snag.gy/KYiyM.jpg[/img_thumb][/QUOTE]

That is one sexy color scheme! What is the name of the color scheme?

[Vivelin]

[QUOTE=tisseman890;45596982]That is one sexy color scheme! What is the name of the color scheme?[/QUOTE]

Looks like some form of base16 to me - [url]https://github.com/chriskempson/base16[/url]

[manolis]

[QUOTE=tisseman890;45596982]That is one sexy [B]theme[/B]! What is the name of the color scheme?[/QUOTE]

It's *not* called [URL="http://jamiewilson.io/predawn/"]Predawn[/URL]. I use the same one.

[Bushmaster030]

[img_thumb]http://i.snag.gy/kXvgQ.jpg[/img_thumb]

The color scheme is actually Spacegray Eighties from the [URL="https://sublime.wbond.net/packages/Theme%20-%20Spacegray"]Spacegray package.[/URL]

Also the theme is [URL="https://sublime.wbond.net/packages/Theme%20-%20Afterglow"]Afterglow.[/URL]

[Silentfood]

[QUOTE=Th3applek1d;45593234]A little late, but this is fucking great.

Can't tell you how often my long distance partner and I want to watch something together so we have to count and pause and unpause and shit like that.
Please continue working on this.

Also, is there any way you can add like controls for the player for the viewer? That would be awesome.[/QUOTE]

Hey! Thanks for the feedback and encouragement.

I'll try and tie this project in with any free time I get in these next few weeks I have free, I understand how useful things like this are for watching stuff with your friends. I'll think about a way of getting controls to work on the client as the way they render the video is a little different to how the host does.

I tend to have a bad habit of working on a project then abandoning it mid development, I'll try to not let this one fall into the other 50 projects I [url=http://up.nlan.org/vhJi.png]kinda let die (oops)[/url].

[MattJeanes]

Last night I did lots of work to my gmod server's MOTD. It now uses Ajax instead of an iframe (what was I thinking :v:) and the main logo thing does some cool stuff if you click it. Thoughts?

[url]http://mattjeanes.com/abyss/[/url]

[Maqtiah]

[QUOTE=Coffeee;45597072]It's called [URL="http://jamiewilson.io/predawn/"]Predawn[/URL]. I use the same one.[/QUOTE]

No this is Predawn:

[t]http://i.imgur.com/VDe8jwf.png[/t]

[Lenny.]

Oh my god that is the sexiest sublime skin I have ever seen

[Bushmaster030]

[img_thumb]http://i.snag.gy/x9sH4.jpg[/img_thumb]
I really wanted my sublime to render fonts like osx so I installed a program called MacType.

[Lenny.]

Are there any downsides to it?

[dexon]

[QUOTE=Moofy;45601190]No this is Predawn:

[t]http://i.imgur.com/VDe8jwf.png[/t][/QUOTE]

Is that the default color scheme of Predawn ? It's pretty nice.

[Bushmaster030]

[QUOTE=LennyPenny;45603050]Are there any downsides to it?[/QUOTE]

I can't figure out how to get it to only work with sublime.. Also it has some Japanese characters in many places. Usable at least.

[Maqtiah]

Since there's a bit of hype on the theme and color scheme stuff:

[QUOTE=Bushmaster030;45602949]I really wanted my sublime to render fonts like osx so I installed a program called MacType.[/QUOTE]

If you only care for it in Sublime like I do just enable directwrite to your font options:

"font_options":
	[
		"directwrite"
	],

Speaking of font, I prefer Inconsolata as my coding font, it's glorious.

[QUOTE=dexon;45603113]Is that the default color scheme of Predawn ? It's pretty nice.[/QUOTE]

No this is the [URL="https://github.com/daylerees/colour-schemes"]Dayle Rees color schemes[/URL], I use the one called peacock.

If anyone wants it, here's my user file. Just keep in mind you can't really copy paste it without having the themes installed.

{
	"bold_folder_labels": true,
	"color_scheme": "Packages/Dayle Rees Color Schemes/sublime/peacock.tmTheme",
	"dictionary": "Packages/Language - English/en_GB.dic",
	"font_face": "Inconsolata",
	"font_options":
	[
		"subpixel_antialias",
		"directwrite"
	],
	"font_size": 13,
	"highlight_line": true,
	"highlight_modified_tabs": true,
	"ignored_packages":
	[
		"Vintage"
	],
	"line_padding_botton": 8,
	"line_padding_top": 8,
	"theme": "predawn.sublime-theme",
	"word_wrap": true
}

Just noticed I have huge padding on the lines, but since I got a big screen I don't really notice it much. You can really just use my file as a reference if you liked the picture I posted above.

[editline]5th August 2014[/editline]

[QUOTE=LennyPenny;45603050]Are there any downsides to it?[/QUOTE]

Yes sometimes you see the fonts cut in half when you use something like MacType or gdipp (I think that's what it was called.)