TWC Today/TWC Classics Forums

TWC Today => Contributions => Topic started by: vortexshedding on November 16, 2017, 09:15:28 PM

Title: Web Intellistar Emulator
Post by: vortexshedding on November 16, 2017, 09:15:28 PM
Hello all,

I'm new to this forum and not familiar with how things work around here so pardon my mistakes. I've been working on an intellistar emulator that runs natively in a web browser. It is far from finished but wanted to share it and see what you guys think. One thing I'm missing is all the icons so I would really appreciate if anyone could send me those in SVG format. Below is the link to download and source code.

All the information including instructions and screenshots can be found here:
https://github.com/qconrad/intellistar-emulator

Thanks
Title: Re: Web Intellistar Emulator
Post by: Sky 9 Weather on November 16, 2017, 10:31:43 PM
The emulator is awesome! :thrilled: I kinda want to see whats next in the development. Good Luck :happy:
Title: Re: Web Intellistar Emulator
Post by: 22appaar on November 17, 2017, 08:07:05 AM
 :clap: Amazing!
You are so talented!
Title: Re: Web Intellistar Emulator
Post by: Sky 9 Weather on November 18, 2017, 05:26:25 PM
Is there any reason why the icons need to be in a .SGV file format? (I'm not trying to be rude or picky) The only icons in a .SGV file is from the TWC Website ,but they cannot be distributed or used because of copyright issues.
Title: Re: Web Intellistar Emulator
Post by: vortexshedding on November 18, 2017, 05:51:27 PM
Is there any reason why the icons need to be in a .SGV file format? (I'm not trying to be rude or picky) The only icons in a .SGV file is from the TWC Website ,but they cannot be distributed or used because of copyright issues.

Well, I supposed they don't have to be SVG format. But it is preferred because they take up less space, are faster to load, and scale perfectly on any size display. JSON icons would work similarly too. But at this point, I would be happy to have the animated icons in any format.
Title: Re: Web Intellistar Emulator
Post by: Branden123 on December 03, 2017, 05:39:51 PM
 I made a video testing your emulator : https://youtu.be/3wM-6PFOlc4, its awesome i also mentioned in the video that its in Beta , i also added some Christmas music for my own entertainment ,  i really you hope finish this into a complete version. Good Luck :)
Title: Re: Web Intellistar Emulator
Post by: vortexshedding on December 08, 2017, 12:41:16 AM
I made a video testing your emulator : https://youtu.be/3wM-6PFOlc4, its awesome i also mentioned in the video that its in Beta , i also added some Christmas music for my own entertainment ,  i really you hope finish this into a complete version. Good Luck :)

Thanks for testing and sharing. The Christmas music is also a nice touch. I think I'm going to add more settings like custom backgrounds, music, crawl text, etc. A lot of the development is waiting on icons but stay tuned for updates. ;)
Title: Re: Web Intellistar Emulator
Post by: 22appaar on December 08, 2017, 10:10:34 AM
Well, the backgrounds and crawl text is easy. You can just replace the files with a picture with certain dimensions. Crawl text, you can just go into the code and locate it.
Title: Re: Web Intellistar Emulator
Post by: vortexshedding on December 08, 2017, 10:20:53 AM
Well, the backgrounds and crawl text is easy. You can just replace the files with a picture with certain dimensions. Crawl text, you can just go into the code and locate it.

That's true. I wanted to make it easy to be able to change it. But I figured I would throw it into the UI so people don't have to fiddle with JavaScript and replace 10 backgrounds and 11 music files.
Title: Re: Web Intellistar Emulator
Post by: Branden123 on December 08, 2017, 06:10:33 PM
 thank you so much for the update 
 2 questions:
will the now slide have the current conditions , wind , gusts , feels like etc. in future development? will the radar have two different views  in a non - alert situation?
Title: Re: Web Intellistar Emulator
Post by: vortexshedding on December 08, 2017, 07:29:41 PM
thank you so much for the update 
 2 questions:
will the now slide have the current conditions , wind , gusts , feels like etc. in future development? will the radar have two different views  in a non - alert situation?

Yes, all of that information on the current conditions are coming. As far as the page order and timings, I couldn't find a pattern in what pages are shown when and how long as they seem to be inconsistent when I was watching some YouTube videos. All I know is that they all total up to 60 seconds so that they end with the music. The page order and timings, I kind of just made up. They are the first 4 lines of js/script.js if you would like to mess with them. Let me know if you find a better order or timings.
Title: Re: Web Intellistar Emulator
Post by: vortexshedding on December 12, 2017, 12:53:39 PM
Also, here is my testing of timings.
https://docs.google.com/spreadsheets/d/1MlxTV6bF5Tj1Z8F_hl4jGCb-GaYWqyk5kFdokYVImlA/edit?usp=sharing (https://docs.google.com/spreadsheets/d/1MlxTV6bF5Tj1Z8F_hl4jGCb-GaYWqyk5kFdokYVImlA/edit?usp=sharing)

Let me know if you see a pattern or suggested changes.
Title: Re: Web Intellistar Emulator
Post by: Branden123 on January 04, 2018, 11:52:51 PM
 here is some temporary icons , and im trying to get real animated icons and i fixed an error on the icon placeholder for the Narrative icons because it had it set to "icon.src = 'assets/icons/conditions/' + outlookIcon +'.svg' so it was getting the wrong ones and it is supposed to be icon.src = 'assets/icons/conditions/' + forecastIcon +'.svg' and i changed it and now the icons match up :) and can you please add a icon place holder for current condition?
and here are some temporary icons from weather underground that matches up the names  https://github.com/manifestinteractive/weather-underground-icons/tree/master/dist , ill let you know when i have the real deal icons :)
Title: Re: Web Intellistar Emulator
Post by: vortexshedding on January 12, 2018, 09:27:57 PM
Ahh good catch. Fixed the forecast and added an icon placeholder for the current conditions. I am aware of weather underground's icon sets, but I would like to wait until I have the original looking ones.
Title: Re: Web Intellistar Emulator
Post by: Branden123 on January 16, 2018, 01:31:46 AM
hey thanks for adding the placeholder theres an issue i fixed in the javascript but its the api's fault , its relating with the current conditions icon , at night the api's current icon does not change from day to night for example  "partlycloudy" does not change to "nt_partlycloudy" and its for all icons its just doesnt put the nt_ at night and at all so the emulator picks up the day icons 24/7 (and keep in mind the api only did this to the current icons) so i fixed that by doing this and it works well for me , add this to  the debug info and afterwords put 2 brackets instead of 1 so it clears the error and dont worry about the forecast icons and outlook icons the api has it completely fine its only the current that has the issue




  var currentTime = new Date();
  if(currentTime.getHours() > 5 && currentTime.getHours() < 19){
  document.getElementById('ccicon').src = 'assets/icons/conditions/' + currentIcon +'.svg';
  }else{ document.getElementById('ccicon').src = 'assets/icons/conditions/nt_' + currentIcon +'.svg';
}
}
Title: Re: Web Intellistar Emulator
Post by: vortexshedding on January 17, 2018, 01:56:38 AM
Interesting. Not sure why the API doesn't include that but I added that work around. Also, I changed my mind on the WU icons. It's probably better to have different icons rather than broken image links. I really hope we can find the original though. Thanks again.
Title: Re: Web Intellistar Emulator
Post by: 22appaar on February 16, 2018, 03:34:12 PM
I'm getting a problem where the latest version of the emulator doesn't start up.
Title: Re: Web Intellistar Emulator
Post by: vortexshedding on February 16, 2018, 10:46:14 PM
I'm getting a problem where the latest version of the emulator doesn't start up.

Are there any errors in the developer tools console? If there are, can you post them here?
Title: Re: Web Intellistar Emulator
Post by: crazybangles on February 19, 2018, 01:06:55 PM
Very nice work! Keep it up.
Title: Re: Web Intellistar Emulator
Post by: 22appaar on February 20, 2018, 07:53:53 AM
I'm getting a problem where the latest version of the emulator doesn't start up.

Are there any errors in the developer tools console? If there are, can you post them here?
I don't know. All I know is I type in my zip code in the latest version. (17701 Williamsport, Pa.) and nothing happens.

EDIT: The zip code box rises up. Then nothing happens.
Title: Re: Web Intellistar Emulator
Post by: Branden123 on March 03, 2018, 07:12:53 PM
hey buddy i got all animating icons and bunch of other things including the animating dial and the alert dial thanks to intuitive creation designs there all after effect files but ive converted them into gifs and changed the pathways instead of svg into gifs and it works fine, ive made a little video demonstrating how it looks so far but i want you to add them all yourself because idk how to code as much lol , your the master here,  :dance:
https://www.youtube.com/watch?v=ZiY02xQ-R9Y (https://www.youtube.com/watch?v=ZiY02xQ-R9Y)
Title: Re: Web Intellistar Emulator
Post by: vortexshedding on March 04, 2018, 03:04:42 AM
I'm getting a problem where the latest version of the emulator doesn't start up.

Are there any errors in the developer tools console? If there are, can you post them here?
I don't know. All I know is I type in my zip code in the latest version. (17701 Williamsport, Pa.) and nothing happens.

EDIT: The zip code box rises up. Then nothing happens.

I made a change that might have fixed your issue. Download the latest release. If it still doesn't work, let me know and I'll look into it more.
Title: Re: Web Intellistar Emulator
Post by: vortexshedding on March 04, 2018, 03:07:55 AM
hey buddy i got all animating icons and bunch of other things including the animating dial and the alert dial thanks to intuitive creation designs there all after effect files but ive converted them into gifs and changed the pathways instead of svg into gifs and it works fine, ive made a little video demonstrating how it looks so far but i want you to add them all yourself because idk how to code as much lol , your the master here,  :dance:
https://www.youtube.com/watch?v=ZiY02xQ-R9Y (https://www.youtube.com/watch?v=ZiY02xQ-R9Y)

Wow, that looks really good. I like the background a lot also. The ones included are just some random images I found on Google. I added the radar key in CSS in the latest release. Can you send me the AE files? I want to play around with export options. Thanks.
Title: Re: Web Intellistar Emulator
Post by: Branden123 on March 04, 2018, 08:00:19 PM
i gotch u brother B)  send me your email
Title: Re: Web Intellistar Emulator
Post by: vortexshedding on March 04, 2018, 10:11:28 PM
i gotch u brother B)  send me your email

quinnc00@outlook.com. Thanks again.
Title: Re: Web Intellistar Emulator
Post by: Branden123 on March 05, 2018, 03:12:49 PM
let me know if u got it boss
Title: Re: Web Intellistar Emulator
Post by: 22appaar on March 09, 2018, 04:44:40 PM
Too bad you canít run it on iOS.
Title: Re: Web Intellistar Emulator
Post by: vortexshedding on April 15, 2018, 03:58:23 PM
let me know if u got it boss

I got the AE files and played around with potentially different options but I don't have Adobe Media Encoder. Do you have GIF files already exported? If so, can you send me those? Thanks!
Title: Re: Web Intellistar Emulator
Post by: KwestMX2 on April 18, 2018, 06:31:25 AM
Wow great job! Looks just like the one that Xfinity is using instead of the NLF that U-verse is using.
Title: Re: Web Intellistar Emulator
Post by: crazybangles on April 25, 2018, 05:16:28 PM
Nice job!
Title: Re: Web Intellistar Emulator
Post by: Drew Richards on May 23, 2018, 01:57:14 PM
Great job! This is amazing!!
Title: Re: Web Intellistar Emulator
Post by: 22appaar on May 29, 2018, 06:35:48 PM
Here are my videos of this fantastic project.

https://www.youtube.com/watch?v=Rkgj09HhP_c (https://www.youtube.com/watch?v=Rkgj09HhP_c)      3/21/2018 (Laggy)
https://www.youtube.com/watch?v=6A_JNIb9KvY (https://www.youtube.com/watch?v=6A_JNIb9KvY)      5/9/2018
https://www.youtube.com/watch?v=vMKj48l9C70 (https://www.youtube.com/watch?v=vMKj48l9C70)      5/19/2018
Title: Re: Web Intellistar Emulator
Post by: 22appaar on August 13, 2018, 04:57:19 PM
Didn't anyone even notice the glitch with the 36 hr forecast?