alwayzambitious

Members
  • Content Count

    29
  • Joined

  • Last visited

About alwayzambitious

  • Rank
    Member

Contact Methods

  • Twitter
    dneckles

Recent Profile Visitors

1,011 profile views
  1. alwayzambitious

    image not showing up, full code snippet posted

    Nevermind, I figured it out, I forgot to render the stage.. Thanks! Resuming my PIXI journey now...
  2. alwayzambitious

    image not showing up, full code snippet posted

    //Aliases let Container = PIXI.Container, autoDetectRenderer = PIXI.autoDetectRenderer, loader = PIXI.loader, resources = loader.resources, Sprite = PIXI.Sprite; // Create the stage and renderer let stage = new Container(), container = new Container(), renderer = autoDetectRenderer(1200, 750,{backgroundColor : 0x1099bb,antialias: false, transparent: false, resolution: 1}); document.body.appendChild(renderer.view); stage.addChild(container); //Load image loader.add("img/bg_featured_med.jpg").load(function () { let bgSprite = new PIXI.Sprite(resources["img/bg_featured_med.jpg"].texture) // var slide = background(container, new PIXI.Sprite.fromImage("img/bg_featured_med.jpg"),'cover'); //var slide = background(container, bgSprite,'cover'); //console.log(slide); console.log(bgSprite); container.addChild(bgSprite); }); // start animating animate(); function animate() { requestAnimationFrame(animate); //render the container renderer.render(stage); } function background(bgSize, inputSprite, type, forceSize) { var sprite = inputSprite; var bgContainer = new PIXI.Container(); var mask = new PIXI.Graphics().beginFill(0x8bc5ff).drawRect(0,0, bgSize.x, bgSize.y).endFill(); bgContainer.mask = mask; bgContainer.addChild(mask); bgContainer.addChild(sprite); var sp = {x:sprite.width,y:sprite.height}; if(forceSize) sp = forceSize; var winratio = bgSize.x/bgSize.y; var spratio = sp.x/sp.y; var scale = 1; var pos = new PIXI.Point(0,0); if(type == 'cover' ? (winratio > spratio) : (winratio < spratio)) { //photo is wider than background scale = bgSize.x/sp.x; pos.y = -((sp.y*scale)-bgSize.y)/2 } else { //photo is taller than background scale = bgSize.y/sp.y; pos.x = -((sp.x*scale)-bgSize.x)/2 } sprite.scale = new PIXI.Point(scale,scale); sprite.position = pos; return bgContainer; } Hello! Ive tried to console log everything within the anon function after the image loads. Even tho nothing traces is null, im not able to get the image show onscreen. Can I get a second pair of eyes to see what the issue? Thanks
  3. alwayzambitious

    JavaScript code playground that allows multiple JS files?

    for plkr.co It feels funny having all files in one directory instead split amongst a few folders or maybe im missing something
  4. alwayzambitious

    JavaScript code playground that allows multiple JS files?

    I searched here after going pro on codepen, then realizing you can edit only one js file... (wamp, wamp) it looks like plnkr is a free codepen...I may go there.. another one to watch is http://www.webpackbin.com/ it deals with the webpack setup for you edit: and https://gomix.com
  5. alwayzambitious

    what app do you use for animations in canvas?

    I agree Mike! My only frustration is doing the math to place the responsive elements on screen, as opposed to laying them out in animate... but its probably worth the practice @Mike018 how do you place or "design" the objects on screen. using code right?
  6. alwayzambitious

    what app do you use for animations in canvas?

    how is your experience with animate cc going Mike, I am about to start using it with Pixi
  7. alwayzambitious

    How is the market for non game web devs who use PIxi

    Hi @kahootbird I dont mean sites with annoying intros btw. That trend is gone thankfully. I agree Pixi isnt an end. My competitors are front end devs using pure html css js who likely use css grids. But their goals and mine are different. The end in my mind are sites that don't fill standardized UX grids, and have custom artistic layouts & emotional environments. Maybe like the sites below attached graphic done by Anthony Kryiazis's or like Shane Mielke's work on the movie Now You See Me 2 - (http://www.shanemielke.com/work/wb-nysm2/) You made a good suggestion to create a portfolio doing what you love and that way getting hired doing what you like. That sounds a like a good idea.
  8. Im referring to the agency or production studio market. I have a flash background and will try again at getting into pixi but Im concerned its too specific for there to be alot of job opportunities for non game development. Is my intuition correct? Thoughts?
  9. Everyone else, Here are more details, if you are interested Ivanix and others please fillout the form at join.massideation.com as we are trying to build a database of three.js folks. SUMMARY:Hallmark seeks an interactive experience where users can create personalized Christmas messages and share them with their friends. Execution should be independent of Facebook, but can be shared through Facebook.APPROACHIn the build up of anticipation for the Christmas season, the Hallmark Channel is seeking an interactive experience that helps viewers create and share customizable holiday creations. The concept should be warm, friendly and easy to use -­‐ filled with great looking holiday themed art. Since the target audience is often reluctant to allow Facebook connectivity for apps, this experience should exist as a microsite -­‐ something that is simple and easy to use, and does not require Facebook log in or authorization <See special requirement request below for users who do want to use FB to upload photos >. The experience should be customizable -­‐ allowing users to bring in personal photos, add in names or personalized messages -­‐ and the final creation needs to be easily sharable across Facebook and Instagram.SELECTED CONCEPT:Holiday Hearth: Design and create your own personalized Holiday Hearth. Select from a variety of decorations, messages and even personal photos to include. A fun, cozy picture will be generated that can be shared with Facebook and Instagram. Special Requirements Requested (TBD; See Functional Spec Document request) User can log in with FB and pull photos from their FB albums; Since some users will not want to give the app permission, the user will be asked where they want to get photos from first. If they choose FB, then ask them to log in. FB only. It will be optional, specifically for those people who want to pull from their FB albums.
  10. Ivanix, My apologies for the confusion... It is a roughly one month project, with a very tight timeline, see below... WED Sep 14 - Project greenlight - Wireframe and Design Begins WED Sep 30 - Design approval THU - Sep 30th to FRI Oct 14th - Development MON - Oct 17 to FRI Oct 21 - Testing MON Oct 24 - Soft launch SAT Oct 29 - Public launch Thanks, Dwayne
  11. Hello Freelancers, My name is Dwayne and I am the technical account manager for Mass Ideation. I actually joined this forum years when I was learning Pixi but right now I'm contacting you because we are looking for a developer with Pixi.Js and/or Three.Js skills. It's roughly a one two month project It's due approximately October 7th - 14th. There may be some testing/qa after for about a week. Its a web app that takes a screenshot of a living room, the scene will be viewable by different camera views, and the users will upload images in this app. We would need to make an editable scene that allows people to pull in images then place them in the scene. Users can select from a variety of Christmas trees, pick and place photos (as ornaments), customize the background/ setting, add a wreath on the door, and even upload a family photo to hang on the wall. If you are interested, please fill out this survey with your skills and hourly rate http://join.massideation.com/ Best, Dwayne
  12. alwayzambitious

    Best way to handle Events

    awesome..
  13. alwayzambitious

    Tutorials on event handling?

    Even tho I've been developing for a while ive always been scared to look in API's whether it be like threeJS or pixi its like learning a new language literally. plus i had the incorrect impression source code is something "sacred" that shouldnt be touched and would instead look for tutorials... but i guess the guys who made the tutorials were the ones who werent afraid to dig in the docs But thanks xerver for your patience.. I will check out the source event emmitter and get to work.
  14. alwayzambitious

    how to tell which button was clicked using PIXI.js

    Hey clement, thanks for taking the extra step and testing it for me . It does work now!! I can resume building my site. I'm shedding a tear and maybe those other posters who had the same question hopefully would find this answer. Thank you everyone.
  15. alwayzambitious

    Tutorials on event handling?

    Thank you for this. To my credit, I went all the way back to Display object in the docs but when it said it was based off EventEmitter, i wasnt able to click on it to see that... For some reason i thought looking through the source was offlimits and to instead use the api's but ill do that.. thank you clement, now how do i make this thread answered...